移动端适配

记录几个小问题：

Iphone6 img 只设置图片height 如果不设置width，手机端显示图片会变形。高宽都要设置，也可以设置为auto，一定要写；

有的时候span或者div之间有一些莫名其面的margin，这个是由fontsize引起来的，把父组件的fontsize设置为0，margin就没有了，然后单独设置自组件的font-size就好了

Vue element-ui 多个弹窗的嵌套
子dialog，一定要加上append-to-body，不然就会出现最顶层有一个遮罩

Vue 动态设置图片
有的时候我们在页面上，图片的src需要代码设置进去，这个时候如果我们按照js的写法img.src=""，那肯定是没有用的。
以下总结了三种方式，可以根据需要选择：
(1).通过import 方式，把图片引用进来

import imgSrc from '../assets/test.png'
export default{
        data(){
          return {
              src: imgSrc 
          }
        }
    }

(2)使用require

export default{
        data(){
          return {
              src: require("../assets/test.png") 
          }
        }
    }

(3)写绝对路径
因为我的webpack打包的配置文件写的资源存放的目录是static/，所以图片可以写成绝对路径

src:`/static/img/test.png`

以上方式都可以实现