<view class="page">
    <view class="page__hd">
        <view class="page__title">List</view>
        <view class="page__desc">列表</view>
    </view>
    <view class="page__bd">
        <wux-cell-group title="带说明的列表项">
            <wux-cell title="标题文字"></wux-cell>
            <wux-cell title="禁用状态" disabled></wux-cell>
        </wux-cell-group>
        <wux-cell-group title="带图标、说明的列表项">
            <wux-cell thumb="http://cdn.skyvow.cn/logo.png" title="标题文字" extra="说明文字"></wux-cell>
            <wux-cell thumb="http://cdn.skyvow.cn/logo.png" title="标题文字" extra="说明文字"></wux-cell>
        </wux-cell-group>
        <wux-cell-group title="带跳转的列表项" label="底部说明文字">
            <wux-cell title="标题文字" is-link extra="说明文字"></wux-cell>
            <wux-cell title="标题文字" is-link label="附加描述" extra="说明文字"></wux-cell>
            <wux-cell title="只显示箭头" is-link></wux-cell>
            <wux-cell title="自定义箭头" hover-class="none">
                <icon slot="arrow" type="clear" color="#B2B2B2" size="14" />
            </wux-cell>
            <wux-cell title="跳转到首页" is-link url="/pages/index/index" open-type="switchTab"></wux-cell>
        </wux-cell-group>
        <wux-cell-group title="微信开放能力">
            <wux-cell title="打开客服会话" is-link open-type="contact" bind:contact="onContact"></wux-cell>
            <wux-cell title="触发用户转发" is-link open-type="share"></wux-cell>
            <wux-cell title="获取用户信息" is-link open-type="getUserInfo" bind:getuserinfo="onGotUserInfo"></wux-cell>
            <wux-cell title="获取用户手机号" is-link open-type="getPhoneNumber" bind:getphonenumber="onGotPhoneNumber"></wux-cell>
        </wux-cell-group>
        <wux-cell-group mode="card" title="卡片列表">
            <wux-cell title="扣款方式" extra="按照支付设置的顺序扣款" is-link></wux-cell>
            <wux-cell title="月限额" extra="500元" is-link></wux-cell>
            <wux-cell title="关于我们" is-link url="/pages/about/index" open-type="switchTab"></wux-cell>
        </wux-cell-group>
    </view>
</view>