home.wxml 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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 catch:tap="getName" type="primary">按钮</button>
  30. <!-- <button bind:tap="getName">按钮</button> -->
  31. <input type="text" class="inp" value="{{inputVaue}}" bindinput="getChange" />
  32. <view>
  33. 内容:
  34. <view>{{inputVaue}}</view>
  35. </view>
  36. <!-- 引入:import -->
  37. <template name="news">
  38. <view>{{holiday}}</view>
  39. </template>
  40. </view>
  41. <view bind:tap="goList">去列表</view>
  42. <button bind:tap="goShop">去购物</button>