mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
58 lines
1.8 KiB
Plaintext
58 lines
1.8 KiB
Plaintext
<demo-block custom-class="white" title="基础用法" padding>
|
|
<van-dropdown-menu>
|
|
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" />
|
|
<van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" />
|
|
</van-dropdown-menu>
|
|
</demo-block>
|
|
|
|
<demo-block custom-class="white" title="自定义菜单内容" padding>
|
|
<van-dropdown-menu>
|
|
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" />
|
|
<van-dropdown-item id="item" title="{{ itemTitle }}">
|
|
<van-cell title="{{ switchTitle1 }}">
|
|
<van-switch
|
|
slot="right-icon"
|
|
size="24px"
|
|
style="height: 26px"
|
|
checked="{{ switch1 }}"
|
|
bind:change="onSwitch1Change"
|
|
/>
|
|
</van-cell>
|
|
<van-cell title="{{ switchTitle2 }}">
|
|
<van-switch
|
|
slot="right-icon"
|
|
size="24px"
|
|
style="height: 26px"
|
|
checked="{{ switch2 }}"
|
|
bind:change="onSwitch2Change"
|
|
/>
|
|
</van-cell>
|
|
<van-button type="info" block bind:click="onConfirm">
|
|
确定
|
|
</van-button>
|
|
</van-dropdown-item>
|
|
</van-dropdown-menu>
|
|
</demo-block>
|
|
|
|
<demo-block custom-class="white" title="自定义选中状态颜色" padding>
|
|
<van-dropdown-menu active-color="#ee0a24">
|
|
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" />
|
|
<van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" />
|
|
</van-dropdown-menu>
|
|
</demo-block>
|
|
|
|
<demo-block custom-class="white" title="向上展开" padding>
|
|
<van-dropdown-menu direction="up">
|
|
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" />
|
|
<van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" />
|
|
</van-dropdown-menu>
|
|
</demo-block>
|
|
|
|
<demo-block custom-class="white" title="禁用菜单" padding>
|
|
<van-dropdown-menu>
|
|
<van-dropdown-item value="{{ value1 }}" disabled options="{{ option1 }}" />
|
|
<van-dropdown-item value="{{ value2 }}" disabled options="{{ option2 }}" />
|
|
</van-dropdown-menu>
|
|
</demo-block>
|
|
|