index.axml 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-cell title='展示弹出层' is-link=" " onClick='showBasic' ref='saveChildRef2'>
  4. </van-cell>
  5. <van-popup show='{{ show.basic }}' custom-style='padding: 30px 50px' onClose='hideBasic' ref='saveChildRef3'>
  6. 内容
  7. </van-popup>
  8. </demo-block>
  9. <demo-block title='弹出位置' ref='saveChildRef4'>
  10. <van-cell title='顶部弹出' is-link=" " onClick='showTop' ref='saveChildRef5'>
  11. </van-cell>
  12. <van-cell title='底部弹出' is-link=" " onClick='showBottom' ref='saveChildRef6'>
  13. </van-cell>
  14. <van-cell title='左侧弹出' is-link=" " onClick='showLeft' ref='saveChildRef7'>
  15. </van-cell>
  16. <van-cell title='右侧弹出' is-link=" " onClick='showRight' ref='saveChildRef8'>
  17. </van-cell>
  18. <van-popup show='{{ show.top }}' position='top' custom-style='height: 20%' onClose='hideTop' ref='saveChildRef9'>
  19. </van-popup>
  20. <van-popup show='{{ show.bottom }}' position='bottom' custom-style='height: 20%' onClose='hideBottom' ref='saveChildRef10'>
  21. </van-popup>
  22. <van-popup show='{{ show.left }}' position='left' custom-style='width: 20%; height: 100%' onClose='hideLeft' ref='saveChildRef11'>
  23. </van-popup>
  24. <van-popup show='{{ show.right }}' position='right' custom-style='width: 20%; height: 100%' onClose='hideRight' ref='saveChildRef12'>
  25. </van-popup>
  26. </demo-block>
  27. <demo-block title='关闭图标' ref='saveChildRef13'>
  28. <van-cell title='关闭图标' is-link=" " onClick='showCloseIcon' ref='saveChildRef14'>
  29. </van-cell>
  30. <van-cell title='自定义图标' is-link=" " onClick='showCustomCloseIcon' ref='saveChildRef15'>
  31. </van-cell>
  32. <van-cell title='图标位置' is-link=" " onClick='showCustomIconPosition' ref='saveChildRef16'>
  33. </van-cell>
  34. <van-popup show='{{ show.closeIcon }}' closeable=" " position='bottom' custom-style='height: 20%' onClose='hideCloseIcon' ref='saveChildRef17'>
  35. </van-popup>
  36. <van-popup show='{{ show.customCloseIcon }}' closeable=" " close-icon='close' position='bottom' custom-style='height: 20%' onClose='hideCustomCloseIcon' ref='saveChildRef18'>
  37. </van-popup>
  38. <van-popup show='{{ show.customIconPosition }}' closeable=" " close-icon-position='top-left' position='bottom' custom-style='height: 20%' onClose='hideCustomIconPosition' ref='saveChildRef19'>
  39. </van-popup>
  40. </demo-block>
  41. <demo-block title='圆角弹窗' ref='saveChildRef20'>
  42. <van-cell title='圆角弹窗' is-link=" " onClick='showRound' ref='saveChildRef21'>
  43. </van-cell>
  44. <van-popup show='{{ show.round }}' round=" " position='bottom' custom-style='height: 20%' onClose='hideRound' ref='saveChildRef22'>
  45. </van-popup>
  46. </demo-block>
  47. </view>