index.axml 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-cell-group ref='saveChildRef2'>
  4. <van-cell title='单元格' value='内容' ref='saveChildRef3'>
  5. </van-cell>
  6. <van-cell title='单元格' value='内容' label='描述信息' border='{{ false }}' ref='saveChildRef4'>
  7. </van-cell>
  8. </van-cell-group>
  9. </demo-block>
  10. <demo-block title='单元格大小' ref='saveChildRef5'>
  11. <van-cell-group ref='saveChildRef6'>
  12. <van-cell title='单元格' value='内容' size='large' ref='saveChildRef7'>
  13. </van-cell>
  14. <van-cell title='单元格' value='内容' size='large' use-label-slot=" " border='{{ false }}' ref='saveChildRef8'>
  15. <view slot='label'>
  16. 描述信息
  17. </view>
  18. </van-cell>
  19. </van-cell-group>
  20. </demo-block>
  21. <demo-block title='展示图标' ref='saveChildRef9'>
  22. <van-cell title='单元格' value='内容' icon='location-o' border='{{ false }}' ref='saveChildRef10'>
  23. </van-cell>
  24. </demo-block>
  25. <demo-block title='展示箭头' ref='saveChildRef11'>
  26. <van-cell title='单元格' is-link=" " ref='saveChildRef12'>
  27. </van-cell>
  28. <van-cell title='单元格' value='内容' is-link=" " ref='saveChildRef13'>
  29. </van-cell>
  30. <van-cell title='单元格' is-link=" " arrow-direction='down' value='内容' border='{{ false }}' ref='saveChildRef14'>
  31. </van-cell>
  32. </demo-block>
  33. <demo-block title='页面跳转' ref='saveChildRef15'>
  34. <van-cell title='单元格' is-link=" " url='/pages/dashboard/index' ref='saveChildRef16'>
  35. </van-cell>
  36. <van-cell title='单元格' is-link=" " url='/pages/dashboard/index' link-type='redirectTo' ref='saveChildRef17'>
  37. </van-cell>
  38. </demo-block>
  39. <demo-block title='分组标题' ref='saveChildRef18'>
  40. <van-cell-group title='分组 1' ref='saveChildRef19'>
  41. <van-cell title='单元格' value='内容' ref='saveChildRef20'>
  42. </van-cell>
  43. </van-cell-group>
  44. <van-cell-group title='分组 2' ref='saveChildRef21'>
  45. <van-cell title='单元格' value='内容' ref='saveChildRef22'>
  46. </van-cell>
  47. </van-cell-group>
  48. </demo-block>
  49. <demo-block title='使用插槽' ref='saveChildRef23'>
  50. <van-cell value='内容' icon='shop-o' is-link=" " ref='saveChildRef24'>
  51. <view slot='title'>
  52. <view class='title'>
  53. 单元格
  54. </view>
  55. <van-tag type='danger' ref='saveChildRef25'>
  56. 标签
  57. </van-tag>
  58. </view>
  59. </van-cell>
  60. <van-cell title='单元格' border='{{ false }}' ref='saveChildRef26'>
  61. <van-icon slot='right-icon' name='search' ref='saveChildRef27'>
  62. </van-icon>
  63. </van-cell>
  64. </demo-block>
  65. <demo-block title='垂直居中' ref='saveChildRef28'>
  66. <van-cell center=" " title='单元格' value='内容' label='描述信息' ref='saveChildRef29'>
  67. </van-cell>
  68. </demo-block>
  69. </view>