index.axml 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-goods-action custom-class='goods-action-position' safe-area-inset-bottom='{{ false }}' ref='saveChildRef2'>
  4. <van-goods-action-icon icon='chat-o' text='客服' open-type='contact' ref='saveChildRef3'>
  5. </van-goods-action-icon>
  6. <van-goods-action-icon icon='cart-o' text='购物车' onClick='onClickIcon' ref='saveChildRef4'>
  7. </van-goods-action-icon>
  8. <van-goods-action-button text='加入购物车' type='warning' onClick='onClickButton' ref='saveChildRef5'>
  9. </van-goods-action-button>
  10. <van-goods-action-button text='立即购买' onClick='onClickButton' ref='saveChildRef6'>
  11. </van-goods-action-button>
  12. </van-goods-action>
  13. </demo-block>
  14. <demo-block title='提示信息' ref='saveChildRef7'>
  15. <van-goods-action custom-class='goods-action-position' safe-area-inset-bottom='{{ false }}' ref='saveChildRef8'>
  16. <van-goods-action-icon icon='chat-o' text='客服' dot=" " ref='saveChildRef9'>
  17. </van-goods-action-icon>
  18. <van-goods-action-icon icon='cart-o' text='购物车' info='5' ref='saveChildRef10'>
  19. </van-goods-action-icon>
  20. <van-goods-action-icon icon='shop-o' text='店铺' ref='saveChildRef11'>
  21. </van-goods-action-icon>
  22. <van-goods-action-button text='加入购物车' type='warning' ref='saveChildRef12'>
  23. </van-goods-action-button>
  24. <van-goods-action-button text='立即购买' ref='saveChildRef13'>
  25. </van-goods-action-button>
  26. </van-goods-action>
  27. </demo-block>
  28. <demo-block title='自定义按钮颜色' ref='saveChildRef14'>
  29. <van-goods-action custom-class='goods-action-position' safe-area-inset-bottom='{{ false }}' ref='saveChildRef15'>
  30. <van-goods-action-icon icon='chat-o' text='客服' ref='saveChildRef16'>
  31. </van-goods-action-icon>
  32. <van-goods-action-icon icon='shop-o' text='店铺' ref='saveChildRef17'>
  33. </van-goods-action-icon>
  34. <van-goods-action-button color='#be99ff' type='warning' text='加入购物车' ref='saveChildRef18'>
  35. </van-goods-action-button>
  36. <van-goods-action-button color='#7232dd' text='立即购买' ref='saveChildRef19'>
  37. </van-goods-action-button>
  38. </van-goods-action>
  39. </demo-block>
  40. <demo-block title='朴素按钮' ref='saveChildRef20'>
  41. <van-goods-action custom-class='goods-action-position' safe-area-inset-bottom='{{ false }}' ref='saveChildRef21'>
  42. <van-goods-action-icon icon='chat-o' text='客服' ref='saveChildRef22'>
  43. </van-goods-action-icon>
  44. <van-goods-action-icon icon='shop-o' text='店铺' ref='saveChildRef23'>
  45. </van-goods-action-icon>
  46. <van-goods-action-button color='#7232dd' text='加入购物车' type='warning' ref='saveChildRef24'>
  47. </van-goods-action-button>
  48. <van-goods-action-button plain=" " color='#7232dd' text='立即购买' ref='saveChildRef25'>
  49. </van-goods-action-button>
  50. </van-goods-action>
  51. </demo-block>
  52. <van-toast id='van-toast' ref='saveChildRef26'>
  53. </van-toast>
  54. </view>