Files
xhs-examples/xhs-mini-demos/api-case/modal/modal.xhsml
2025-09-14 00:21:54 +08:00

39 lines
1.3 KiB
Plaintext

<view class="container">
<showbox title="基础使用">
<box>
<view class="_ui-space">
<view>
<view class="model-title">
<text>带标题的双操作弹窗</text>
<text>点击下方按钮触发</text>
</view>
<button class="_ui-button" hover-class="_ui-button-hover" bindtap="modalTap">触发</button>
</view>
<view>
<view class="model-title">
<text>带标题的单操作弹窗</text>
<text>点击下方按钮触发</text>
</view>
<button class="_ui-button" hover-class="_ui-button-hover" bindtap="modalTap1">触发</button>
</view>
<view>
<view class="model-title">
<text>无标题的单操作弹窗</text>
<text>点击下方按钮触发</text>
</view>
<button class="_ui-button" hover-class="_ui-button-hover" bindtap="noTitlemodalTap">触发</button>
</view>
</view>
</box>
</showbox>
<showbox title="输入型弹窗">
<box>
<view class="setting-title">
点击下方按钮触发
</view>
<button class="_ui-button" hover-class="_ui-button-hover" bindtap="modalTap6">触发</button>
</box>
</showbox>
</view>
<include src="templates.xhsml" />