列表跳转 > ``` <view class="cu-item arrow"> <navigator class="content" url="/pages/about/about/about" hover-class="none"> <image src="/images/logo.png" class="png" mode="aspectFit"></image> <text class="">关于ColorUI组件库</text> </navigator> </view> <view class="cu-item arrow"> <navigator class="content" url="/pages/about/log/log" hover-class="none"> <text class="cuIcon-formfill text-green"></text> <text class="">日志</text> </navigator> </view> <view class="cu-item arrow"> <view class="content" bindtap="showQrcode"> <text class="cuIcon-appreciatefill text-red"></text> <text class="text-grey">赞赏支持</text> </view> </view> <view class="cu-item arrow"> <button class="cu-btn content" open-type="feedback"> <text class="cuIcon-writefill text-cyan"></text> <text class="text-grey">意见反馈</text> </button> </view> <view class="cu-item arrow"> <navigator class="content" url="/pages/about/test/list" hover-class="none"> <text class="cuIcon-creativefill text-orange"></text> <text class="text-grey">Bug测试</text> </navigator> </view> ``` 不带>的列表 ``` <view class="cu-list menu {{menuBorder?'sm-border':''}} {{menuCard?'card-menu margin-top':''}}"> <view class="cu-item {{menuArrow?'arrow':''}}"> <view class="content"> <text class="cuIcon-circlefill text-grey"></text> <text class="text-grey">图标 + 标题</text> </view> </view> <view class="cu-item {{menuArrow?'arrow':''}}"> <view class="content"> <image src="/images/logo.png" class="png" mode="aspectFit"></image> <text class="text-grey">图片 + 标题</text> </view> </view> <view class="cu-item {{menuArrow?'arrow':''}}"> <button class="cu-btn content" open-type="contact"> <text class="cuIcon-btn text-olive"></text> <text class="text-grey">Open-type 按钮</text> </button> </view> <view class="cu-item {{menuArrow?'arrow':''}}"> <navigator class="content" hover-class="none" url="../list/list" open-type="redirect"> <text class="cuIcon-discoverfill text-orange"></text> <text class="text-grey">Navigator 跳转</text> </navigator> </view></view> ``` 带状态切换switch ``` <view class="cu-item"> <view class="content padding-tb-sm"> <view> <text class="cuIcon-clothesfill text-blue margin-right-xs"></text> 多行Item</view> <view class="text-gray text-sm"> <text class="cuIcon-infofill margin-right-xs"></text> 小目标还没有实现！</view> </view> <view class="action"> <switch class="switch-sex sm" bindchange="switchSex"></switch> </view> </view> ```