Utility 工具类
Colors 颜色类
<!-- Color -->
<view class="wux-light">Light</view>
<view class="wux-stable">Stable</view>
<view class="wux-positive">Positive</view>
<view class="wux-calm">Calm</view>
<view class="wux-balanced">Balanced</view>
<view class="wux-energized">Energized</view>
<view class="wux-royal">Royal</view>
<view class="wux-dark">Dark</view>
<!-- BackgroundColor -->
<view class="wux-light--bg">Light</view>
<view class="wux-stable--bg">Stable</view>
<view class="wux-calm--bg">Calm</view>
<view class="wux-balanced--bg">Balanced</view>
<view class="wux-energized--bg">Energized</view>
<view class="wux-assertive--bg">Assertive</view>
<view class="wux-royal--bg">Royal</view>
<view class="wux-dark--bg">Dark</view>
<!-- BorderColor -->
<view class="wux-light--border">Light</view>
<view class="wux-stable--border">Stable</view>
<view class="wux-positive--border">Positive</view>
<view class="wux-calm--border">Calm</view>
<view class="wux-energized--border">Energized</view>
<view class="wux-assertive--border">Assertive</view>
<view class="wux-dark--border">Dark</view>
<view class="wux-text--lowercase">Lowercase</view>
<view class="wux-text--uppercase">Uppercase</view>
<view class="wux-text--capitalize">Capitalize</view>
Floats 浮动类
<view class="wux-clearfix">Clearfix</view>
<view class="wux-pull-right">Pull right</view>
<view class="wux-pull-left">Pull left</view>
Hairline 1 像素边框
<view class="wux-hairline--top">Border-top</view>
<view class="wux-hairline--right">Border-right</view>
<view class="wux-hairline--bottom">Border-bottom</view>
<view class="wux-hairline--left">Border-left</view>
<view class="wux-hairline--horizontal">Horizontal border</view>
<view class="wux-hairline--vertical">Vertical border</view>
<view class="wux-hairline--surrounded">Surrounded border</view>
视频演示