列表跳轉 >
```
<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>
```
