微信小程序使用全局的样式管理,主题,公用样式等,可以将多个页面使用到的样式放到全局中,以减少代码量和好维护
微信的全局样式文件为app.wxss
可以自己新建样式文件,或是直接就在app.wxss里写代码
自己新建样式文件就要在app.wxss加引用,如路径为static/css/weui.wxss的样式文件
@import './static/css/weui.wxss';
个人一些公用代码(可做参考)app.wxss
1.样式文件引用
/**app.wxss**/
@import './static/css/weui.wxss';
@import './static/css/iconfont.wxss';
2.页面的字体和背景色
page {
background-color: #F6f6f6;
font-size: 32rpx;
}
3.主题
/* 主题色 */
.theme{
background-color: #c50c1e;
color: #fff;
}
.font-color{
color: #999;
}
block {
margin: 0;
padding: 0;
border: none;
}
4.文字过长显示…