button.wxml 1.8 KB

123456789101112131415161718192021222324252627282930313233
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">Button</view>
  4. <view class="page__desc">按钮,WeUI采用小程序原生的按钮为主体,加入一些间距的样式。</view>
  5. </view>
  6. <view class="page__bd page__bd_spacing">
  7. <button class="weui-btn" type="primary">页面主操作</button>
  8. <button class="weui-btn" type="primary" disabled="true">页面主操作</button>
  9. <button class="weui-btn" type="primary" loading>页面主操作</button>
  10. <button class="weui-btn" type="default">页面次要操作</button>
  11. <button class="weui-btn" type="default" disabled="true">页面次要操作</button>
  12. <button class="weui-btn" type="default" loading>页面次要操作</button>
  13. <button class="weui-btn" type="warn">警告类操作</button>
  14. <button class="weui-btn" type="warn" disabled="true">警告类操作</button>
  15. <button class="weui-btn" type="warn" loading>警告类操作</button>
  16. <view class="button-sp-area">
  17. <button class="weui-btn" type="primary" plain="true">按钮</button>
  18. <button class="weui-btn" type="primary" disabled="true" plain="true">按钮</button>
  19. <button class="weui-btn" type="primary" loading plain="true">按钮</button>
  20. <button class="weui-btn" type="default" plain="true">按钮</button>
  21. <button class="weui-btn" type="default" disabled="true" plain="true">按钮</button>
  22. <button class="weui-btn" type="default" loading plain="true">按钮</button>
  23. <button class="weui-btn mini-btn" type="primary" size="mini">按钮</button>
  24. <button class="weui-btn mini-btn" type="default" size="mini">按钮</button>
  25. <button class="weui-btn mini-btn" type="warn" size="mini">按钮</button>
  26. </view>
  27. </view>
  28. </view>