list.wxml 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!--pages/list/list.wxml-->
  2. <!-- scroll-view 组件的基本使用 -->
  3. <!-- <scroll-view class="container1" scroll-y>
  4. <view>A</view>
  5. <view>B</view>
  6. <view>C</view>
  7. </scroll-view> -->
  8. <!-- 轮播图的结构 -->
  9. <!-- <swiper class="swiper-container" indicator-dots indicator-color="white" indicator-active-color="gray" autoplay interval="3000" circular>
  10. <swiper-item>
  11. <view class="item">A</view>
  12. </swiper-item>
  13. <swiper-item>
  14. <view class="item">B</view>
  15. </swiper-item>
  16. <swiper-item>
  17. <view class="item">C</view>
  18. </swiper-item>
  19. </swiper> -->
  20. <!-- 常用的基础内容组件 text 和 rich-text 的用法 -->
  21. <!-- <view>
  22. 手机号支持长按选中效果
  23. <text selectable>13800005056</text>
  24. </view>
  25. <rich-text nodes="<h1 style='color: red;'>标题</h1>"></rich-text> -->
  26. <!-- 按钮组件的基本使用 -->
  27. <!-- 通过 type 属性指定按钮颜色类型 -->
  28. <!-- <button>普通按钮</button>
  29. <button type="primary">主色调按钮</button>
  30. <button type="warn">警告按钮</button> -->
  31. <!-- size="mini" 小尺寸按钮 -->
  32. <!-- <button size="mini">普通按钮</button>
  33. <button type="primary" size="mini">主色调按钮</button>
  34. <button type="warn" size="mini">警告按钮</button> -->
  35. <!-- plain 镂空按钮 -->
  36. <!-- <button size="mini" plain>普通按钮</button>
  37. <button type="primary" size="mini" plain>主色调按钮</button>
  38. <button type="warn" size="mini" plain>警告按钮</button> -->
  39. <!-- image 图片组件 -->
  40. <image></image>
  41. <image src="/images/1.png" mode="heightFix"></image>