ColorUI使用帮助
<view class="text-center">文字居中
</view>
<view class="text-left">文字居左
</view>
<view class="text-green">绿色文字
</view>
<view class="bg-green">绿色背景
</view>
<view class="radius">圆角
</view>
<view class="round">圆形
</view>
<view class="shadow">边框外增加阴影效果
</view>
<view class="solid">边框
</view>
<view class="text-shadow">文字阴影
</view>
<view class="text-cut">文字如果太长则显示为省略号...
</view>
<view class="margin">外边距
</view>
<view class="padding">内边距
</view>
<button class="cu-btn">按钮
</button>
<button class="cu-btn lg">大号按钮
</button>
<button class="cu-btn block lg">width很长的大号按钮,单独占一行
</button>
<text class="cu-btn line-orange">带橙色边框的按钮
</text>
<view class="cu-btn icon">
带icon的按钮
<text class="cuIcon-emojifill"></text>
</view>
<view class="cu-list grid col-5">
<view class="cu-item">九宫格容器,每5列换行
</view>
</view>
<view class="cu-list menu card-menu">
<view class="cu-item arrow">
<view class="content">列表容器
</view>
</view>
<view class="cu-item arrow">
<view class="content">列表容器
</view>
</view>
</view>
<view class="cu-bar">
一条width为屏幕100%的view容器,里面子元素也是横着排列的
</view>
<view class="cu-bar tabbar shop">
<view class="action"></view>
<view class="action"></view>
<view class="action"></view>
<view class="bg-red submit"> 购物页面常用的底部操作条
</view>
</view>
<view class="cu-bar btn-group">
<view class="cu-btn"> 带按钮的cu-bar
</view>
<view class="cu-btn"> 带多个按钮的cu-bar
</view>
</view>
<view class="cu-bar input foot">
<input> 带输入框的cu-bar
</input>
</view>
<view class="cu-bar search">
<view class="search-form round">
<text class="cuIcon-search"></text>
<input placeholder="搜索框" type="text">搜索框
</input>
</view>
<view class="action">
<button class="cu-btn">搜索框右边按钮
</button>
</view>
<view class="action">
<text class="cuIcon-close"></text>
<text>清空搜索框按钮
</text>
</view>
</view>
转载请注明原文地址: https://lol.8miu.com/read-27455.html