WXSS 样式
app.wxss
app.wxss
为项目公共样式,它会被注入到小程序的每个页面
尺寸单位
rpx
iPhone6 屏幕宽度为375px,共750个物理像素,1rpx = 375 / 750 px = 0.5px
在其他尺寸的机型上,rpx 会自动转换成对应比例的尺寸
WXSS引用
@import url('./test_0.css')
/ @import './test_0.wxss
这种方法在请求上不会把test_0.css合并到index.css中,也就是请求index.css的时候,会多一个test_0.css的请求。
.wxss 文件不会被多次下载
内联样式
style="..."
<!--内联样式-->
<view style="color: red; font-size: 48rpx"></view>
小程序支持动态更新内联样式:
<view style="color: {{eleColor}}; font-size: {{eleFontsize}}"></view>