增加灰色背景

app.js

@@ -6,6 +6,8 @@ App({
     cameraAuth: false,
     extraData: null
   },
+  // 根据不同产品展示不同的页面背景
+  page_bg:'',
   onLaunch() {
     // 展示本地存储能力
     const logs = wx.getStorageSync('logs') || []
@@ -34,6 +36,9 @@ App({
     // wx.clearStorageSync(); // 清空本地缓存数据
     console.log('options', options)
 
+    // 设置不同产品时AI认证不同背景图片（默认的，灰色的）
+    this.page_bg = ''
+
     // options.referrerInfo.extraData =  {
     //     "uid": "\"gAAAAABl3YfhldYhFyvH_EHb-_CPvbWIffRsxPwS1d_4lC_CxCq-CiLQtqGPEbLmXR--ZPjcIYp5mttnRTpppD6DghuymUheuw==\"",
     //     "uuid": "F1C0DF8F",

pages/cameraTakePhoto/cameraTakePhoto.js

@@ -1012,5 +1012,10 @@ Page({
         }
       }
     }.bind(this), 1200);
-  }
+  },
+  handleOpenVideo() {
+    wx.navigateTo({
+      url: '/pages/video/video',
+    })
+  },
 })
\ No newline at end of file

pages/cameraTakePhoto/cameraTakePhoto.wxml

@@ -59,7 +59,7 @@
     <view class="prompt">将识别框对准结构三维码等待AI自动识别结构特征</view>
     <view class="btn-box">
       <text class="text">*AI识别仅有实物标签可通过验证*</text>
-      <view class="btn" >查看视频教程</view>
+      <view class="btn" bind:tap="handleOpenVideo">查看视频教程</view>
     </view>
   </view>
 </view>

pages/index/index.js

@@ -20,8 +20,9 @@ Page({
     extraData: '',
     all_info: '',
     cpid: '',
-    showmodel:true,
-    zhongfen:false
+    showmodel: true,
+    zhongfen: false,
+    bg_color: ''
   },
   /**
    * 生命周期函数--监听页面加载
@@ -35,14 +36,14 @@ Page({
     if (options.cpid && options.cpid.length > 14 && reg.test(options.cpid)) {
       console.log('中汾页面');
       this.setData({
-        zhongfen:true,
-        showmodel:false
+        zhongfen: true,
+        showmodel: false
       })
       // this.setData({
       //   webviewUrl: `https://tjfnew.china315net.com/dist/zhongfen/route.ashx?cpid=${options.cpid}`,
       // });
       wx.navigateTo({
-        url:`/pages/anti/anti?cpid=${options.cpid}`
+        url: `/pages/anti/anti?cpid=${options.cpid}`
       })
     }
     // else if(wx.getStorageSync('fenggu') == "fenggu"){
@@ -86,6 +87,9 @@ Page({
    * 生命周期函数--监听被展示时调用
    */
   onShow: function (options) {
+    this.setData({
+      bg_color: getApp().page_bg
+    })
     const extraData = JSON.parse(wx.getStorageSync('extraData'))
     // this.setData('extraData',extraData)
     // console.log('extraData', extraData)
@@ -107,7 +111,7 @@ Page({
       })
       // console.log('status_zhi',status_zhi)
     }
-    if(this.data.showmodel === true){
+    if (this.data.showmodel === true) {
       wx.showModal({
         title: '注意事项：',
         content: this.data.content,
@@ -149,8 +153,10 @@ Page({
     // console.log('this.data.dongtaishuju',this.data.dongtaishuju)
   },
 
-  handleOpenVideo(){
-    console.log(9999);
+  handleOpenVideo() {
+    wx.navigateTo({
+      url: '/pages/video/video',
+    })
   },
   /**
    * 用户点击右上角分享

pages/index/index.wxml

@@ -8,7 +8,7 @@
 
 <view class="full" style="position:relative;">
     <!-- 背景图片 -->
-    <image class="full" src="/assets/imgs/index/首页背景.jpg" mode='scaleToFill'></image>
+    <image class="full" src="/assets/imgs/index/首页背景{{bg_color}}.jpg" mode='scaleToFill'></image>
     <!-- 内容盒子 -->
     <view class="index-content full">
         <image class="title-image" src="/assets/imgs/index/首页标题.png" mode='widthFix' style="width: 90%;"></image>

pages/result/result.js

@@ -7,7 +7,8 @@ Page({
   data: {
     aiState: 0, //展示成功或失败页面,
     time1: '', //本次认证时间
-    time2: '' //认证耗时
+    time2: '', //认证耗时
+    bg_color:''
   },
 
   onLoad(options) {
@@ -20,7 +21,8 @@ Page({
     this.setData({
       aiState: aiState || 0,
       time1: time1 || '',
-      time2: time2 && (new Date().getTime() - time2) / 1000 || ''
+      time2: time2 && (new Date().getTime() - time2) / 1000 || '',
+      bg_color: getApp().page_bg
     })
   },
   // 返回首页
@@ -35,7 +37,11 @@ Page({
       url: `/pages/cameraTakePhoto/cameraTakePhoto`
     })
   },
-
+  handleOpenVideo() {
+    wx.navigateTo({
+      url: '/pages/video/video',
+    })
+  },
   onReady() {
 
   },

pages/result/result.wxml

 <view class="result-container">
+    <!-- 页面背景 -->
+    <image  class="bg-img" src="/assets/imgs/结果页背景{{bg_color}}.jpg" mode='scaleToFill'></image>
     <!-- 验证通过页面 -->
-    <view wx:if="{{aiState == 1}}" class="success-content full">
+    <view wx:if="{{!aiState == 1}}" class="success-content full">
         <view class="content-text">
             <image src="/assets/imgs/成功.png" mode="widthFix" style="width: 40%;" />
             <view class="query-text">
@@ -20,7 +22,7 @@
             <view style="padding:0 60rpx; text-align: center;font-size: 30rpx;line-height: 48rpx;">请保证相机稳定，检查标签码是否有破损，并前往光照适宜的环境进行验证</view>
             <view class="btns" >
                 <view class="btn" bind:tap="handleGoTakePhoto">重新验证</view>
-                <view class="btn">继续查看视频教程</view>
+                <view class="btn" bind:tap="handleOpenVideo">继续查看视频教程</view>
             </view>
         </view>
         <image src="/assets/imgs/验证成功底部.png" mode="widthFix" style="width: 100%;" />

pages/result/result.wxss

@@ -13,6 +13,15 @@
     box-sizing: border-box
 }
 
+.bg-img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+}
+
 .btn {
     width: 60%;
     height: 80rpx;

pages/video/video.js

@@ -5,6 +5,7 @@ Page({
    * 页面的初始数据
    */
   data: {
+    bg_color:'',
     src:'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'
   },
 
@@ -12,7 +13,9 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
-
+    this.setData({
+      bg_color:getApp().page_bg
+    })
   },
 
   /**

pages/video/video.wxml

-<video src="{{src}}" style="width: 100%;" autoplay controls danmu-btn 	show-center-play-btn object-fit="fill" />
\ No newline at end of file
+<view class="video-container">
+    <!-- 页面背景 -->
+    <image class="bg-img" src="/assets/imgs/结果页背景{{bg_color}}.jpg" mode='scaleToFill'></image>
+    <!-- 验证通过页面 -->
+    <video src="{{src}}" style="width: 100%;" autoplay controls danmu-btn show-center-play-btn object-fit="fill" />
+    <view class="text-content">
+        <view class="btn" style="background-color: #074AC5;color: #fff;">学会了，立即去验证</view>
+        <view class="btn">返回</view>
+        <image src="/assets/imgs/视频页说明{{bg_color}}.png" mode='widthFix' style="margin-top: 50rpx;width: 80%;" />
+    </view>
+</view>
\ No newline at end of file

pages/video/video.wxss

-/* pages/video/video.wxss */
\ No newline at end of file
+.video-container {
+    display: flex;
+    flex-direction: column;
+    width: 100vw;
+    height: 100vh;
+    position: relative;
+    box-sizing: border-box;
+}
+.bg-img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+}
+
+.text-content {
+    padding-top: 100rpx;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.text-content .btn {
+    margin: 20rpx 0;
+    width: 60%;
+    height: 80rpx;
+    line-height: 80rpx;
+    text-align: center;
+    font-size: 32rpx;
+    color: #074AC5;
+    border-radius: 10rpx;
+    border: 4rpx solid #074AC5;
+}

project.private.config.json

@@ -9,6 +9,13 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "pages/video/video",
+          "pathName": "pages/video/video",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "pages/result/result",
           "pathName": "pages/result/result",