Utility 工具类

    Colors 颜色类

    1. <!-- Color -->
    2. <view class="wux-light">Light</view>
    3. <view class="wux-stable">Stable</view>
    4. <view class="wux-positive">Positive</view>
    5. <view class="wux-calm">Calm</view>
    6. <view class="wux-balanced">Balanced</view>
    7. <view class="wux-energized">Energized</view>
    8. <view class="wux-royal">Royal</view>
    9. <view class="wux-dark">Dark</view>
    10. <!-- BackgroundColor -->
    11. <view class="wux-light--bg">Light</view>
    12. <view class="wux-stable--bg">Stable</view>
    14. <view class="wux-calm--bg">Calm</view>
    15. <view class="wux-balanced--bg">Balanced</view>
    16. <view class="wux-energized--bg">Energized</view>
    17. <view class="wux-assertive--bg">Assertive</view>
    18. <view class="wux-royal--bg">Royal</view>
    19. <view class="wux-dark--bg">Dark</view>
    20. <!-- BorderColor -->
    21. <view class="wux-light--border">Light</view>
    22. <view class="wux-stable--border">Stable</view>
    23. <view class="wux-positive--border">Positive</view>
    24. <view class="wux-calm--border">Calm</view>
    25. <view class="wux-energized--border">Energized</view>
    26. <view class="wux-assertive--border">Assertive</view>
    28. <view class="wux-dark--border">Dark</view>

    Transformation 大小写转换

    1. <view class="wux-text--lowercase">Lowercase</view>
    2. <view class="wux-text--uppercase">Uppercase</view>
    3. <view class="wux-text--capitalize">Capitalize</view>

    Floats 浮动类

    1. <view class="wux-clearfix">Clearfix</view>
    2. <view class="wux-pull-right">Pull right</view>
    3. <view class="wux-pull-left">Pull left</view>

    Hairline 1 像素边框

    1. <view class="wux-hairline--top">Border-top</view>
    2. <view class="wux-hairline--right">Border-right</view>
    3. <view class="wux-hairline--bottom">Border-bottom</view>
    4. <view class="wux-hairline--left">Border-left</view>
    5. <view class="wux-hairline--horizontal">Horizontal border</view>
    6. <view class="wux-hairline--vertical">Vertical border</view>
    7. <view class="wux-hairline--surrounded">Surrounded border</view>

    视频演示