ColorUI使用帮助

it2025-07-14  1

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>
最新回复(0)