index.wxml 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">FabButton</view>
  4. <view class="page__desc">浮动按钮</view>
  5. </view>
  6. <view class="page__bd">
  7. <wux-fab-button
  8. position="topLeft"
  9. theme="balanced"
  10. direction="horizontal"
  11. reverse
  12. buttons="{{ buttons }}"
  13. bind:change="onChange"
  14. bind:click="onClick"
  15. bind:contact="onContact"
  16. bind:getuserinfo="onGotUserInfo"
  17. />
  18. <wux-fab-button
  19. position="topRight"
  20. theme="balanced"
  21. direction="vertical"
  22. reverse
  23. buttons="{{ buttons }}"
  24. bind:change="onChange"
  25. bind:click="onClick"
  26. bind:contact="onContact"
  27. bind:getuserinfo="onGotUserInfo"
  28. />
  29. <wux-fab-button
  30. position="bottomLeft"
  31. theme="balanced"
  32. direction="vertical"
  33. buttons="{{ buttons }}"
  34. bind:change="onChange"
  35. bind:click="onClick"
  36. bind:contact="onContact"
  37. bind:getuserinfo="onGotUserInfo"
  38. />
  39. <wux-fab-button
  40. position="center"
  41. theme="balanced"
  42. direction="circle"
  43. buttons="{{ buttons }}"
  44. bind:change="onChange"
  45. bind:click="onClick"
  46. bind:contact="onContact"
  47. bind:getuserinfo="onGotUserInfo"
  48. />
  49. <wux-fab-button
  50. position="bottomRight"
  51. theme="balanced"
  52. direction="horizontal"
  53. buttons="{{ buttons }}"
  54. bind:change="onChange"
  55. bind:click="onClick"
  56. bind:contact="onContact"
  57. bind:getuserinfo="onGotUserInfo"
  58. />
  59. </view>
  60. </view>