index.wxml 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <view>
  2. <text class="title">我是一个主页页面</text>
  3. <view>
  4. <text>{{ msg }}</text>
  5. </view>
  6. <view id="id-{{id}}" data-test="{{ test }}">动态绑定属性</view>
  7. <view>
  8. 1 + 1 = {{ 1 + 1 }}
  9. </view>
  10. <view>条件渲染</view>
  11. <view wx:if="{{length > 5}}">1</view>
  12. <view wx:elif="{{length > 2}}">2</view>
  13. <view wx:else>3</view>
  14. <view hidden="{{show}}">猜猜你能看见我吗</view>
  15. <view hidden="{{!show}}">
  16. heheda
  17. </view>
  18. <block wx:if="{{show}}">
  19. <view>view-1</view>
  20. <view>view-2</view>
  21. </block>
  22. <view wx:for="{{list}}" wx:key="index">
  23. <text>{{item}}</text>
  24. <view wx:for="{{subList}}" wx:key="index" wx:for-item="subItem">
  25. <text>{{item + subItem}}</text>
  26. </view>
  27. </view>
  28. <view>使用模板</view>
  29. <view>
  30. <template is="msgTpl" data="{{...message}}"></template>
  31. </view>
  32. </view>
  33. <!-- 定义模板 -->
  34. <template name="msgTpl">
  35. <view>
  36. <text>{{msg}}</text>
  37. <text> -- 时间:{{time}}</text>
  38. </view>
  39. <view>
  40. [] == ![] ? true or false
  41. </view>
  42. </template>