button.wxml 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. <import src="../../../common/head.wxml" />
  2. <import src="../../../common/foot.wxml" />
  3. <view class="container">
  4. <template is="head" data="{{title: 'button'}}"/>
  5. <view class="page-body">
  6. <view class="btn-area" id="buttonContainer">
  7. <button type="primary">页面主操作 Normal</button>
  8. <button type="primary" loading="true">页面主操作 Loading</button>
  9. <button type="primary" disabled="true">页面主操作 Disabled</button>
  10. <button type="default">页面次要操作 Normal</button>
  11. <button type="default" disabled="true">页面次要操作 Disabled</button>
  12. <button type="warn">警告类操作 Normal</button>
  13. <button type="warn" disabled="true">警告类操作 Disabled</button>
  14. <view class="button-sp-area">
  15. <button type="primary" plain="true">按钮</button>
  16. <button type="primary" disabled="true" plain="true">不可点击的按钮</button>
  17. <button type="default" plain="true">按钮</button>
  18. <button type="default" disabled="true" plain="true">按钮</button>
  19. <button class="mini-btn" type="primary" size="mini">按钮</button>
  20. <button class="mini-btn" type="default" size="mini">按钮</button>
  21. <button class="mini-btn" type="warn" size="mini">按钮</button>
  22. </view>
  23. </view>
  24. </view>
  25. <template is="foot" />
  26. </view>