P26_wxss - 样式导入

样式导入

什么是样式导入

使用 WXSS 提供的 @import 语法，可以导入外联的样式表。
@import 的语法格式

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

代码示例：

/common/common.js

.username{

  color:red;

}

index.wxss

/* pages/demo/index.wxss */

@import "/common/common.wxss";



input {


border: 1px solid #eee;


padding: 5px;


margin: 5px;


border-radius: 3px;


}

index.wxml

<!--pages/demo/index.wxml-->

  <view wx:for="{{userList}}" wx:key="id" wx:for-item="itm" class="username">

  id：{{itm.id}},值：{{itm.name}}

  </view>

巴特西

P26_wxss - 样式导入

样式导入

最新文章

热门文章