小程序

12.小程序/components/header/header.js

@@ -0,0 +1,24 @@
+// components/header/header.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

12.小程序/components/header/header.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

12.小程序/components/header/header.wxml

@@ -0,0 +1,2 @@
+<!--components/header/header.wxml-->
+<text>头部</text>

12.小程序/components/header/header.wxss

@@ -0,0 +1 @@
+/* components/header/header.wxss */

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

@@ -1,3 +1,5 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "headers":"../../components/header/header"
+  }
 }

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

@@ -1,15 +1,17 @@
 <!--pages/home/home.wxml-->
 <view>
+<headers></headers>
   <view>我叫:{{name}}</view>
   <button bind:tap="handleChange">修改</button>
   <view wx:for="{{list}}" wx:key="index">
     <view>我叫{{item.name}},我使用{{item.desc}}</view>
   </view>
   <view>
+  <view>当前分数:{{score}}</view>
     <view wx:if="{{score < 60}}">不及格</view>
-    <view wx:elif="{{score >= 60}}">及格</view>
-    <view wx:elif="{{score > 80}}">良好</view>
-    <view wx:else="{{score > 90}}">优秀</view>
+    <view wx:elif="{{score < 80}}">及格</view>
+    <view wx:elif="{{score < 90}}">良好</view>
+    <view wx:else>优秀</view>
   </view>
 
   <button bind:tap="handleScore">修改分数</button>