微信小程序-视图层-样式导入和全局样式

1 使用@import语句可以导入外联样式表,

注意:

@import后跟需要导入的外联样式表的 相对路径 用;表示语句结束。

根目录下 styles 文件件 =》 文件夹内 建 style.wxss

在style.wxss 中引入 第三方的样式文件 =》 必须是相对路径

例如 :

@import "../../base/base.wxss"

2 内联样式

框架组件上支持style 和class 属性来控制组件的样式 。

style : 静态样式统一写到class中。style 接受动态样式。在运行时进行解析。 请尽量避免将静态的样式写进style中。 以免影响渲染速度。

<view />

class: 指定样式规则 ,样式类名之间用空格分隔。

<view class=“ color bgColor” />