微信小程序wxss

微信小程序wxss

wxss是一套用于微信小程序的样式语言，用于描述wxml的组件样式，也就是视觉上的效果。
尺寸单位：rpx 可以根据屏幕宽度进行自适应，适配不同宽度的屏幕。
引入外部wxss：@import ’ ./test_0.wxss ’

<!--pages/base/base.wxml-->
<view>{{msg}}</view>
<image class='banner'src="{{img}}"></image>
<view wx:for="{{arr}}" wx:key="index">
  {{index}}  {{item}}
</view>

/* pages/base/base.wxss */
@import '../../style/common.wxss';
.box{
  width: 200rpx;
  height: 200rpx;
  background-color: #ccc;
}

common.wxss页面
.banner{
  border: 1px solid #ccc;
}

第三方样式库

WeUI:是一套微信原生视觉体验一致的基础样式库
iView Weapp：一套高质量的为微信小程序UI组件库
Vant Weapp：轻量、可靠的小程序UI组件库