小程序

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

@@ -25,44 +25,48 @@ Page({
 
   /**
    * 生命周期函数--监听页面加载
+   * 页面加载时触发 一个页面只会调用一次
    */
   onLoad(options) {
-
+    console.log("1")
   },
 
   /**
    * 生命周期函数--监听页面初次渲染完成
+   * 一个页面只会触发一次
    */
   onReady() {
-
+    console.log("2")
   },
 
   /**
    * 生命周期函数--监听页面显示
+   * 页面显示 切入/切除时触发
+   * 触发n次
    */
   onShow() {
-
+    console.log('3')
   },
 
   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide() {
-
+    console.log("4");
   },
 
   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload() {
-
+    console.log("5")
   },
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh() {
-
+    console.log("6")
   },
 
   /**

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

@@ -1,3 +1,4 @@
 {
+  "enablePullDownRefresh": true,
   "usingComponents": {}
 }

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

@@ -3,10 +3,9 @@
   <view>哈哈哈哈</view>
   <template name="aa">
     <text>这是首页内容</text>
-    我叫{{name}}
   </template>
   <!-- 数据绑定 -->
-
+  <view class="first">我叫{{name}}</view>
   <!-- 列表渲染 -->
   <!-- 渲染：
     while、do while、for
@@ -29,7 +28,7 @@
     -->
   <!-- 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 class="main" wx:if="{{age < 18}}">未成年</view>
+  <view class="main" wx:elif="{{age == 18}}">成年</view>
+  <view class="main" wx:else="{{age > 18}}">青年</view>
 </view>

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

@@ -1 +1,5 @@
-/* pages/home/home.wxss */
+/* pages/home/home.wxss */
+@import '../list/list.wxss';
+.first {
+  color: #f00;
+}

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

@@ -1 +1,4 @@
-/* pages/list/list.wxss */
+/* pages/list/list.wxss */
+.main {
+  color: aqua;
+}