good/xhs-examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
熊潇
2025-09-14 00:21:54 +08:00
commit d40b3bbd62
766 changed files with 36275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
xhs-mini-demos/component-case/button/button.xhsml Normal file
View File

@@ -0,0 +1,106 @@
<view class="container">
<showbox title="一级按钮">
<box class="box">
<view>
<button class="_ui-button" hover-class="_ui-button-hover">
一级按钮 Normal
</button>
<button class="button_disabled _mt8" disabled>
一级按钮 Disabled
</button>
</view>
<view class="_mt8">
<button class="_ui-button _px10" size="mini" hover-class="_ui-button-hover">
一级按钮
</button>
<button class="button_disabled _px10 _ml8" disabled size="mini">
一级按钮
</button>
</view>
</box>
</showbox>
<showbox title="二级按钮">
<box class="box">
<view>
<button class="_ui-button-transparent">
二级按钮 Normal
</button>
<button class="_ui-button-transparent-disabled _mt8" disabled>
二级按钮 Disabled
</button>
</view>
<view class="_mt8">
<button class="_ui-button-transparent _px10" size="mini">
二级按钮
</button>
<button class="_ui-button-transparent-disabled _px10 _ml8" disabled size="mini">
二级按钮
</button>
</view>
</box>
</showbox>
<showbox title="三级按钮">
<box class="box">
<view>
<button class="_ui-button-gray" hover-class="none">
三级按钮 Normal
</button>
<button class=" _mt8" disabled>
三级按钮 Disabled
</button>
</view>
<view class="_mt8">
<button class="_ui-button-gray _px10" size="mini" hover-class="none">
三级按钮
</button>
<button class="_px10 _ml8" disabled size="mini">
三级按钮
</button>
</view>
</box>
</showbox>
<showbox title="四级按钮">
<box class="box">
<view>
<button class="_ui-button-transparent-gray" hover-class="none">
四级按钮 Normal
</button>
<button class="_ui-button-transparent-disabled _mt8" disabled>
四级按钮 Disabled
</button>
</view>
<view class="_mt8">
<button class="_ui-button-transparent-gray _px10" size="mini" hover-class="none">
四级按钮
</button>
<button class="_ui-button-transparent-disabled _px10 _ml8" disabled size="mini">
四级按钮
</button>
</view>
</box>
</showbox>
<showbox title="加载状态">
<box>
<button loading="{{loading}}" class="_ui-button" hover-class="_ui-button-hover" bindtap="changeLoading">
点击切换按钮loading状态
</button>
</box>
</showbox>
</view>
<include src="templates.xhsml" />