此前有两篇文章分别介绍了js的公共函数抽离、wxml的公共布局抽离,可直接点击查看:
小程序笔记—模块化,抽离公共函数,common.js
小程序笔记—wxml布局文件的模板,使用template抽离公共布局
本篇文章开始介绍wxss的公共样式抽离,也可以叫外联样式,其实都非常简单,但对于精简代码却又非常重要,所以不差这一篇。
//文件common.js
.view-row{
width:100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
//文件index.css
//导入外联样式
@import "../common.wxss";
.view-padding {
padding:15px;
}