小程序

12.小程序/app.json

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

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

@@ -0,0 +1,66 @@
+// pages/detail/detail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

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

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

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

@@ -0,0 +1,2 @@
+<!--pages/detail/detail.wxml-->
+<text>详情</text>

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

@@ -0,0 +1 @@
+/* pages/detail/detail.wxss */

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

@@ -20,6 +20,24 @@ Page({
   },
   showHello() {
     console.log("哈哈哈")
+    // 只能跳转非tabbar页 返回上级
+    // wx.navigateTo({
+    //   url: '/pages/list/list',
+    // })
+
+    // 只能跳转非tabbar页 返回主页
+    // wx.redirectTo({
+    //   url: '/pages/detail/detail',
+    // })
+
+    // 只能跳转tabbar页
+    // wx.switchTab({
+    //   url: '/pages/list/list',
+    // })
+
+    wx.reLaunch({
+      url: '/pages/list/list',
+    })
   },
   showMain1() {
     console.log(1)

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

@@ -1,6 +1,8 @@
 <!--pages/home/home.wxml-->
 <view>
-<!-- tap click -->
+  <!-- 跳转非tabbar页 类似于a标签 -->
+  <navigator url="/pages/detail/detail">去列表</navigator>
+  <!-- tap click -->
   <text class="title" bind:tap="showHi">首页</text>
   <!-- 模版渲染 -->
   <view>今天是{{day}}</view>
@@ -12,11 +14,11 @@
   <!-- @click v-bind:click -->
   <button class="main" catch:tap='showHello'>你好</button>
   <!-- bindconfirm bindtap bindInput -->
-  <input type="text" bindinput="handleInp"  />
+  <input type="text" bindinput="handleInp" />
   <view class="box1" bind:tap="showMain1">
     <view class="box2" catch:tap="showMain2"></view>
   </view>
-  
+
   <template name="hi">
     <text>hello,今天星期日</text>
     <view>成绩:{{score}}</view>

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

@@ -26,6 +26,33 @@ Page({
     this.userName = event.detail.value.userName;
     console.log("提交表单",this.userName,this.passWord,event)
   },
+  handleName() {
+    wx.setStorageSync('name','孙悟空')
+    console.log(wx.getStorageSync('age'))
+    // wx.showToast({
+    //   title: '你好',
+    // })
+    // wx.showModal({
+    //   title: '哈哈哈',
+    //   content: '',
+    //   complete: (res) => {
+    //     if (res.cancel) {
+    //       console.log("取消")
+    //     }
+    
+    //     if (res.confirm) {
+    //       console.log("确认")
+    //     }
+    //   }
+    // })
+    wx.showLoading({
+      title: '加载中',
+    })
+    setTimeout(function () {
+      wx.hideLoading()
+    }, 2000)
+    
+  },
   /**
    * 生命周期函数--监听页面加载
    */

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

@@ -1,6 +1,7 @@
 <!--pages/list/list.wxml-->
 <import src="../home/home" />
 <header1></header1>
+<button bind:tap="handleName">提交名字</button>
 <text>pages/list/list.wxml</text>
 <!-- <template is="hi" data="{{score,list}}" /> -->
 <!-- 可视区域 -->
@@ -16,6 +17,8 @@
     <view id="demo2" class="scroll-view-item_H demo-text-2"></view>
     <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
   </scroll-view>
+</view>
+
   <!-- 轮播图 -->
   <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
     <block wx:for="{{background}}" wx:key="*this">
@@ -35,5 +38,4 @@
       <input type="text" name="passWord" value="{{passWord}}" />
     </view>
     <button form-type="submit">提交</button>
-  </form>
-</view>
+  </form>