小程序

12.小程序/app.json

@@ -1,8 +1,8 @@
 {
   "pages": [
     "pages/home/home",
-    "pages/list/list",
-    "pages/my/my"
+    "pages/my/my",
+    "pages/list/list"
   ],
   "window": {
     "navigationBarTextStyle": "white",

12.小程序/pages/home/home.js

@@ -5,7 +5,15 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    day: '星期日',
+    list: [{
+      id: 1,
+      name: '孙悟空'
+    }, {
+      id: 2,
+      name: '猪八戒'
+    }],
+    score: 87
   },
 
   /**

12.小程序/pages/home/home.wxml

@@ -1,2 +1,17 @@
 <!--pages/home/home.wxml-->
-<text>pages/home/home.wxml</text>
+<view>
+  <text class="title">首页</text>
+  <!-- 模版渲染 -->
+  <view>今天是{{day}}</view>
+  <!-- 循环渲染 -->
+  <view wx:for="{{list}}" wx:for-item="item" wx:key="index">
+    {{item.id}}--{{item.name}}
+    {{item}}
+  </view>
+  <!-- 条件渲染 -->
+  <!-- v-if v-else-if v-else -->
+  <view>成绩:{{score}}</view>
+  <view wx:if="{{score >= 90}}">优秀</view>
+  <view wx:elif="{{score > 60}}">及格</view>
+  <view wx:else="{{score < 60}}">不及格</view>
+</view>

12.小程序/pages/home/home.wxss

@@ -1 +1,4 @@
-/* pages/home/home.wxss */
+/* pages/home/home.wxss */
+.title {
+  color: #f00
+}