home.wxml 896 B

1234567891011121314151617181920212223242526272829303132333435
  1. <!--pages/home/home.wxml-->
  2. <view>
  3. <!-- 数据渲染 -->
  4. <view>{{title}}</view>
  5. <view>
  6. <view>姓名:{{obj.name}}</view>
  7. <view>年龄:{{obj.age}}</view>
  8. </view>
  9. <!-- 列表渲染 -->
  10. <!--
  11. wx:for="{{list}}"
  12. wx:key="index"
  13. wx:for-item= "item"
  14. -->
  15. <!-- v-for=(item,index) in list -->
  16. <view wx:for="{{arr}}" wx:key="index" wx:for-item="item">
  17. <view>{{index+1}}--我叫{{item.name}}-今年{{item.age}}--来自{{item.address}}</view>
  18. </view>
  19. <!-- 条件渲染 -->
  20. <!--
  21. v-if
  22. v-else
  23. v-else-if
  24. -->
  25. <view wx:if="{{obj.age<=18}}">少年</view>
  26. <view wx:elif="{{obj.age > 18}}">青年</view>
  27. <view wx:else="{{obj.age > 28}}">老年</view>
  28. <!-- 内置组件 -->
  29. <button>按钮</button>
  30. <input type="text" class="inp"/>
  31. <!-- 引入:import -->
  32. <template name="news">
  33. <view>{{holiday}}</view>
  34. </template>
  35. </view>