index.axml 1.2 KB

12345678910111213141516171819202122232425262728
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-skeleton title=" " row='3' row-width="{{ ['100%', '100%', '80%'] }}" ref='saveChildRef2'>
  4. </van-skeleton>
  5. </demo-block>
  6. <demo-block title='显示头像' ref='saveChildRef3'>
  7. <van-skeleton title=" " avatar=" " row='3' ref='saveChildRef4'>
  8. </van-skeleton>
  9. </demo-block>
  10. <demo-block title='展示子组件' ref='saveChildRef5'>
  11. <van-switch checked='{{ show }}' size='24px' onChange='onChange' ref='saveChildRef6'>
  12. </van-switch>
  13. <van-skeleton title=" " avatar=" " row='3' loading='{{ !show }}' ref='saveChildRef7'>
  14. <view class='demo-preview'>
  15. <image class='demo-preview-img' src='https://img.yzcdn.cn/vant/logo.png'>
  16. </image>
  17. <view class='demo-content'>
  18. <view class='demo-content-h3'>
  19. 关于 Vant Aliapp
  20. </view>
  21. <view class='domo-content-p'>
  22. Vant Aliapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
  23. </view>
  24. </view>
  25. </view>
  26. </van-skeleton>
  27. </demo-block>
  28. </view>