示例页面

app.json

@@ -7,7 +7,8 @@
     "pages/anti/anti",
     "pages/fenggu/AICheck/AICheck",
     "pages/fenggu/takephoto/takephoto",
-    "pages/fenggu/success/success"
+    "pages/fenggu/success/success",
+    "pages/fenggu/example/example"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/fenggu/example/example.js

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

pages/fenggu/example/example.json

+{
+  "usingComponents": {}
+}
\ No newline at end of file

pages/fenggu/example/example.wxml

+<view class="example">
+<image src="/assets/fenggu/示例1.jpg" mode="widthFix" style="width: 100%;"/>
+<image src="/assets/fenggu/示例2.jpg" mode="widthFix" style="width: 100%;"/>
+<image src="/assets/fenggu/示例3.jpg" mode="widthFix" style="width: 100%;"/>
+<image src="/assets/fenggu/示例4.jpg" mode="widthFix" style="width: 100%;"/>
+</view>
\ No newline at end of file

pages/fenggu/example/example.wxss

+.example {
+    display: flex;
+    flex-direction: column;
+}
\ No newline at end of file

pages/fenggu/takephoto/takephoto.js

@@ -6,7 +6,10 @@ Page({
    */
   data: {
     // 验证步骤
-    stepIndex:0
+    stepIndex:0,
+
+    // tab切换（AI验证，示范切换）
+    tabIndex:1
   },
   takePhoto() {
     // wx.getStorageSync('photoFrame')
@@ -29,6 +32,21 @@ Page({
     //   }
     // })
   },
+
+  // ai验证，示范tab切换
+  tabChange(e){
+    const tindex = e.target.dataset?.tindex || 1
+    // this.setData({
+    //   tabIndex:tindex
+    // })
+    // 跳转示例页面
+    if (tindex == 2) {
+      wx.navigateTo({
+        url: '/pages/fenggu/example/example'
+      })
+    }
+  },
+
   /**
    * 生命周期函数--监听页面加载
    */

pages/fenggu/takephoto/takephoto.wxml

@@ -13,9 +13,9 @@
         <image src="/assets/fenggu/拍照框.png" mode="widthFix" class="focus"/>
     </view>
     <view class="bottom" style="height: 400rpx;align-items: center;">
-        <view class="tabs" style="padding: 6rpx;background-color: black;">
-            <view class="tabItem tab-active">AI验证</view>
-            <view class="tabItem">示范</view>
+        <view class="tabs" bind:tap="tabChange" style="padding: 6rpx;background-color: black;">
+            <view class="tabItem tab-active" data-tindex='1'>AI验证</view>
+            <view class="tabItem" data-tindex='2'>示范</view>
         </view>
     </view>
 </view>
\ No newline at end of file