微信小程序day01_06之wxss 样式文件的使用

本节代码地址 https://gitee.com/jaythc/wxxcx_learen/tree/master/day01/day01_06/my-first-demo

一. 样式导入

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

例如新建立一个out.wxss, 其中的内容如下

.txt-left {
  margin-left: 500rpx;
}

那么在index.wxss中,只需使用@import 即可导入, 如下所示

@import "out.wxss";

在index.wxml中, 使用class进行使用样式即可

{{mytext}}

二. 内联样式

style：静态的样式统一写到 class 中。style 接收动态的样式(通过数据动态绑定获取样式 )，在运行时会进行解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度。 例如在wxml中写如下的代码