![7ea5ab7b21aecc1cab5ab28efb01e9cc.png](https://i-blog.csdnimg.cn/blog_migrate/a064eb8603f356363df78a6158b258d7.jpeg)
/*移动适配*/
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,adress=no">
/*对Vue的data原始数据初始化*/
Object.assign(this.$data, this.$options.data()) // 对data进行初始化
/*垂直居中*/
.center {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
}
/* 渐变色 */
background-image: -webkit-linear-gradient(top, rgba(231, 66, 72, 0), rgba(231, 66, 72, 0.8));
background-image: linear-gradient( top, rgba(231, 66, 72, 0), rgba(231, 66, 72, 0.8));
/*取消手机点击屏幕时,