Ver Fonte

小程序

zheng há 1 dia atrás
pai
commit
d5091171ee

+ 17 - 12
12.小程序/pages/home/home.wxml

@@ -1,7 +1,12 @@
 <!--pages/home/home.wxml-->
 <view>
+  <view>哈哈哈哈</view>
+  <template name="aa">
+    <text>这是首页内容</text>
+    我叫{{name}}
+  </template>
   <!-- 数据绑定 -->
-  我叫{{name}}
+
   <!-- 列表渲染 -->
   <!-- 渲染:
     while、do while、for
@@ -10,21 +15,21 @@
     map
     forEach
    -->
-   <!-- v-for="(item,index) in xxx" :key="index" -->
-   <!-- wx:for -->
-   <view wx:for="{{list}}" wx:key="index" wx:for-item="item">
+  <!-- v-for="(item,index) in xxx" :key="index" -->
+  <!-- wx:for -->
+  <view wx:for="{{list}}" wx:key="index" wx:for-item="item">
     <view>
       {{index+1}}--{{item.name}}--{{item.age}}
     </view>
-   </view>
-   <!-- 条件渲染 -->
-   <!-- 
+  </view>
+  <!-- 条件渲染 -->
+  <!-- 
      if else-if else
      switch case
     -->
-    <!-- v-if v-else-if v-else -->
-    <!-- wx:if wx:else wx:elif -->
-    <view wx:if="{{age < 18}}">未成年</view>
-    <view wx:elif="{{age == 18}}">成年</view>
-    <view wx:else="{{age > 18}}">青年</view>
+  <!-- v-if v-else-if v-else -->
+  <!-- wx:if wx:else wx:elif -->
+  <view wx:if="{{age < 18}}">未成年</view>
+  <view wx:elif="{{age == 18}}">成年</view>
+  <view wx:else="{{age > 18}}">青年</view>
 </view>

+ 4 - 1
12.小程序/pages/list/list.wxml

@@ -1,2 +1,5 @@
 <!--pages/list/list.wxml-->
-<text>pages/list/list.wxml</text>
+<text>列表</text>
+<include src="../home/home"></include>
+<include src="../home/home"></include>
+<include src="../home/home"></include>

+ 5 - 1
12.小程序/pages/my/my.wxml

@@ -1,2 +1,6 @@
 <!--pages/my/my.wxml-->
-<text>pages/my/my.wxml</text>
+<import src="../home/home"/>
+<text>我的</text>
+<template is="aa" data="{{name:'张三'}}"/>
+<template is="aa" data="{{name:'李四'}}"/>
+<template is="aa" data="{{name:'王五'}}"/>