index.axml 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <van-tabs active='{{ active }}' color='#1989fa' ref='saveChildRef1' onChange='onSwitch'>
  2. <van-tab title='用法示例' custom-class='demo-tab-pane' ref='saveChildRef2'>
  3. <demo-block title='基础用法' ref='saveChildRef3'>
  4. <van-col custom-class='col' span='6' ref='saveChildRef4'>
  5. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' ref='saveChildRef5'>
  6. </van-icon>
  7. </van-col>
  8. <van-col custom-class='col' span='6' ref='saveChildRef6'>
  9. <van-icon name='{{ demoImage }}' size='32px' custom-class='icon' ref='saveChildRef7'>
  10. </van-icon>
  11. </van-col>
  12. </demo-block>
  13. <demo-block title='提示信息' ref='saveChildRef8'>
  14. <van-col custom-class='col' span='6' ref='saveChildRef9'>
  15. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' dot=" " ref='saveChildRef10'>
  16. </van-icon>
  17. </van-col>
  18. <van-col custom-class='col' span='6' ref='saveChildRef11'>
  19. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' info='9' ref='saveChildRef12'>
  20. </van-icon>
  21. </van-col>
  22. <van-col custom-class='col' span='6' ref='saveChildRef13'>
  23. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' info='99+' ref='saveChildRef14'>
  24. </van-icon>
  25. </van-col>
  26. </demo-block>
  27. <demo-block title='图标颜色' ref='saveChildRef15'>
  28. <van-col custom-class='col' span='6' ref='saveChildRef16'>
  29. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' color='#1989fa' ref='saveChildRef17'>
  30. </van-icon>
  31. </van-col>
  32. <van-col custom-class='col' span='6' ref='saveChildRef18'>
  33. <van-icon name='{{ demoIcon }}' size='32px' custom-class='icon' color='#07c160' ref='saveChildRef19'>
  34. </van-icon>
  35. </van-col>
  36. </demo-block>
  37. <demo-block title='图标大小' ref='saveChildRef20'>
  38. <van-col custom-class='col' span='6' ref='saveChildRef21'>
  39. <van-icon name='{{ demoIcon }}' size='40' custom-class='icon' ref='saveChildRef22'>
  40. </van-icon>
  41. </van-col>
  42. <van-col custom-class='col' span='6' ref='saveChildRef23'>
  43. <van-icon name='{{ demoIcon }}' size='3rem' custom-class='icon' ref='saveChildRef24'>
  44. </van-icon>
  45. </van-col>
  46. </demo-block>
  47. </van-tab>
  48. <van-tab title='基础图标' custom-class='demo-tab-pane' ref='saveChildRef25'>
  49. <van-col a:for='{{ icons.basic }}' a:key='{{*this}}' custom-class='col' span='6' ref-numbers='{{ icons.basic }}' ref='saveChildRef26'>
  50. <van-icon name='{{ item }}' size='32px' custom-class='icon' ref='saveChildRef27'>
  51. </van-icon>
  52. <view class='text'>
  53. {{ item }}
  54. </view>
  55. </van-col>
  56. </van-tab>
  57. <van-tab title='线框风格' custom-class='demo-tab-pane' ref='saveChildRef28'>
  58. <van-col a:for='{{ icons.outline }}' a:key='{{*this}}' custom-class='col' span='6' ref-numbers='{{ icons.outline }}' ref='saveChildRef29'>
  59. <van-icon name='{{ item }}' size='32px' custom-class='icon' ref='saveChildRef30'>
  60. </van-icon>
  61. <view class='text'>
  62. {{ item }}
  63. </view>
  64. </van-col>
  65. </van-tab>
  66. <van-tab title='实底风格' custom-class='demo-tab-pane' ref='saveChildRef31'>
  67. <van-col a:for='{{ icons.filled }}' a:key='{{*this}}' custom-class='col' span='6' ref-numbers='{{ icons.filled }}' ref='saveChildRef32'>
  68. <van-icon name='{{ item }}' size='32px' custom-class='icon' ref='saveChildRef33'>
  69. </van-icon>
  70. <view class='text'>
  71. {{ item }}
  72. </view>
  73. </van-col>
  74. </van-tab>
  75. </van-tabs>