P26_wxss - 样式导入

样式导入

1. 什么是样式导入
   
   使用 WXSS 提供的 @import 语法，可以导入外联的样式表。
2. @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>