home.wxml 859 B

12345678910111213141516171819202122232425262728293031323334
  1. <!--pages/home/home.wxml-->
  2. <view>
  3. <view>哈哈哈哈</view>
  4. <template name="aa">
  5. <text>这是首页内容</text>
  6. </template>
  7. <!-- 数据绑定 -->
  8. <view class="first">我叫{{name}}</view>
  9. <!-- 列表渲染 -->
  10. <!-- 渲染:
  11. while、do while、for
  12. for in
  13. for of
  14. map
  15. forEach
  16. -->
  17. <!-- v-for="(item,index) in xxx" :key="index" -->
  18. <!-- wx:for -->
  19. <view wx:for="{{list}}" wx:key="index" wx:for-item="item">
  20. <view>
  21. {{index+1}}--{{item.name}}--{{item.age}}
  22. </view>
  23. </view>
  24. <!-- 条件渲染 -->
  25. <!--
  26. if else-if else
  27. switch case
  28. -->
  29. <!-- v-if v-else-if v-else -->
  30. <!-- wx:if wx:else wx:elif -->
  31. <view class="main" wx:if="{{age < 18}}">未成年</view>
  32. <view class="main" wx:elif="{{age == 18}}">成年</view>
  33. <view class="main" wx:else="{{age > 18}}">青年</view>
  34. </view>