小程序笔记—抽离公共样式,@import导入common.js

此前有两篇文章分别介绍了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;
}

在这里插入图片描述

发布了62 篇原创文章 · 获赞 48 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/WeiHan_Seven/article/details/104342773