WXSS 样式

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>

官方样式库

https://github.com/Tencent/weui-wxss