button.wxml 1.6 KB

1234567891011121314151617181920212223242526272829
  1. <!--底部按钮 在表单最末尾出现的按钮。 -->
  2. <template name='button'>
  3. <view class="button-default {{class}} safe-area" style="margin-top:{{margin}}rpx">
  4. <view class="button-default-content" catchtap="{{func || undefind}}" style="background:{{background||'linear-gradient(90deg,#5568F0 0%,#823BFF 100%)'}}">
  5. <text class="">{{text || '按钮'}}</text>
  6. <button form-type="submit" class="button-default-content-button"></button>
  7. </view>
  8. </view>
  9. </template>
  10. <!--底部悬浮按钮 置于屏幕底部悬浮于页面上面的按钮。 -->
  11. <template name='button-fixed'>
  12. <view class="button-fixed safe-area {{class}}">
  13. <view class="button-fixed-content" catchtap="{{func || undefind}}" style="background:{{background||'linear-gradient(90deg,#5568F0 0%,#823BFF 100%)'}}">
  14. <text class="">{{text || '按钮'}}</text>
  15. <button form-type="submit" class="button-fixed-content-button"></button>
  16. </view>
  17. </view>
  18. </template>
  19. <!--底部悬浮按钮 置于屏幕底部悬浮于页面上面的分开的按钮 -->
  20. <template name='button-check'>
  21. <view class="button-check safe-area {{class}}">
  22. <view class="button-check-content">
  23. <view class="button-check-left" style="border:2rpx solid {{color||'#3243BD'}};color:{{color || '#3243BD'}};display:{{display||'block'}}" bindtap="{{buttonLeft || 'buttonCheck'}}">{{text || '按钮'}}</view>
  24. <view class="button-check-right" style="background:{{background||'linear-gradient(90deg,#5568F0 0%,#823BFF 100%)'}}" bindtap="{{buttonRight || 'buttonSubmit'}}">{{btn || '按钮'}}</view>
  25. </view>
  26. </view>
  27. </template>