一、页面布局的
一个页面是24默认，可以将板块分为6、12、18、24。
二、样式里面需要接入数据
<div class="line1" :style="{width:space}"></div>
<div class="moduleBox" :class="{dis: status == 1}" v-for="(item,idx) in 10" :key="idx">
凡是需要接入数据的都需要在前面加上“：”冒号
三、判断项目是否安装某个依赖包，可以去package.json查看，有各种依赖包及其版本
四、flex写在父级，作用在子级
display: flex;
flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式
flex-wrap：设置子元素是否换行 align-content：设置侧轴上的子元素的排列方式（多行） align-items：设置侧轴上的子元素排列方式（单行） flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wrap
五、echart的引用 1、在vue的date里面写option：{},在里面开始粘贴echart代码 2、在methods：{}里面写init(){}去获取echart
methods:{
init(){
let myChart = this.$echarts.init(document.getElementById('lineChart'));//获取echats
this.option.series[0].data= ["40", "60", "22", "85", "50"];//赋值
myChart.setOption(this.option);//渲染，插入数据
}
}
3、在mounted里面应用
mounted() {
this.init();
},
4、别忘记，在前面引用时写的div，需要在style里面给固定宽、高，才能显示出来引用的echart
六、图片样式img，会默认给一个边距 可以给 vertical-align: middle; 这样就可以消除边距，让两个div靠在一起
