Merge branch 'master' of ssh://gogs.zfire.top:2222/zfire-front/recycle-mobile

* 'master' of ssh://gogs.zfire.top:2222/zfire-front/recycle-mobile:
  feat: 修改

.env.development

@@ -9,3 +9,5 @@ VUE_APP_BASE_API = '/recycleapi'
 
 # PATH
 VUE_APP_BASE_PATH = '/'
+
+VUE_APP_HREF = 'http://localhost:3000'

.env.production

@@ -8,4 +8,6 @@ VUE_APP_BASE_URL = 'https://jiasm.zfire.top'
 VUE_APP_BASE_API = '/recycleapi'
 
 # PATH
-VUE_APP_BASE_PATH = '/recycleh5/'
+VUE_APP_BASE_PATH = '/recycleh5/'
+
+VUE_APP_HREF = 'https://jiasm.zfire.top/recycleh5'

.env.test

@@ -5,7 +5,9 @@ NODE_ENV = 'test'
 VUE_APP_BASE_URL = 'https://jiasm.zfire.top'
 
 # API
-VUE_APP_BASE_API = '/api'
+VUE_APP_BASE_API = '/recycleapi'
 
 # PATH
-VUE_APP_BASE_PATH = '/mobile-ter/'
+VUE_APP_BASE_PATH = '/recycleh5/'
+
+VUE_APP_HREF = 'https://jiasm.zfire.top/recycleh5'

package-lock.json

@@ -3039,6 +3039,7 @@
         "thread-loader": "^2.1.3",
         "url-loader": "^2.2.0",
         "vue-loader": "^15.9.2",
+        "vue-loader-v16": "npm:vue-loader@^16.1.0",
         "vue-style-loader": "^4.1.2",
         "webpack": "^4.0.0",
         "webpack-bundle-analyzer": "^3.8.0",
@@ -10582,6 +10583,11 @@
         "setimmediate": "^1.0.5"
       }
     },
+    "jweixin-module": {
+      "version": "1.6.0",
+      "resolved": "http://121.41.110.30:4873/jweixin-module/-/jweixin-module-1.6.0.tgz",
+      "integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
+    },
     "keygrip": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/keygrip/-/keygrip-1.1.0.tgz",
@@ -16148,6 +16154,94 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.8.3",
+      "resolved": "http://121.41.110.30:4873/vue-loader/-/vue-loader-16.8.3.tgz",
+      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "http://121.41.110.30:4873/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "http://121.41.110.30:4873/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "http://121.41.110.30:4873/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "http://121.41.110.30:4873/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "http://121.41.110.30:4873/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "hash-sum": {
+          "version": "2.0.0",
+          "resolved": "http://121.41.110.30:4873/hash-sum/-/hash-sum-2.0.0.tgz",
+          "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "http://121.41.110.30:4873/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "http://121.41.110.30:4873/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "vue-pdf": {
       "version": "4.3.0",
       "resolved": "https://registry.npmmirror.com/vue-pdf/-/vue-pdf-4.3.0.tgz",
@@ -16850,6 +16944,11 @@
       "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
       "dev": true
     },
+    "weixin-js-sdk": {
+      "version": "1.6.3",
+      "resolved": "http://121.41.110.30:4873/weixin-js-sdk/-/weixin-js-sdk-1.6.3.tgz",
+      "integrity": "sha512-5jYNtVcxWmgHNqCLSPoX6vXab9G4RPDZx0klX8IsVwGjDTwx/UDmgfF7fkRMGguRpuFv0O7tk1jb+Oay2QiV1w=="
+    },
     "whatwg-encoding": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",

package.json

@@ -102,13 +102,15 @@
     "core-js": "^3.6.5",
     "flyio": "^0.6.2",
     "js-base64": "^3.7.2",
+    "jweixin-module": "^1.6.0",
     "regenerator-runtime": "^0.12.1",
     "uni-read-pages": "^1.0.5",
     "uni-simple-router": "2.0.7",
     "uview-ui": "2.0.31",
     "vue": "^2.6.11",
     "vue-pdf": "^4.3.0",
-    "vuex": "^3.2.0"
+    "vuex": "^3.2.0",
+    "weixin-js-sdk": "^1.6.3"
   },
   "browserslist": [
     "Android >= 4.4",

public/index.html

@@ -1,26 +1,144 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <title>
-            <%= htmlWebpackPlugin.options.title %>
-        </title>
-        <script>
-            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
-        </script>
-        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
-        <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
-    </head>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>
+      <%= htmlWebpackPlugin.options.title %>
+    </title>
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS
+        .supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
+    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
+    <script src="https://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js" type="text/javascript"
+      charset="utf-8"></script>
+    <script type="text/javascript">
+      var userAgent = navigator.userAgent;
+      if (userAgent.indexOf('AlipayClient') > -1) {
+        // 支付宝小程序的 JS-SDK 防止 404 需要动态加载，如果不需要兼容支付宝小程序，则无需引用此 JS 文件。
+        document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
+      } else if (/QQ/i.test(userAgent) && /miniProgram/i.test(userAgent)) {
+        // QQ 小程序
+        document.write(
+          '<script type="text/javascript" src="https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js"><\/script>'
+        );
+      } else if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {
+        // 微信小程序 JS-SDK 如果不需要兼容微信小程序，则无需引用此 JS 文件。
+        document.write(
+          '<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');
+      } else if (/toutiaomicroapp/i.test(userAgent)) {
+        // 头条小程序 JS-SDK 如果不需要兼容头条小程序，则无需引用此 JS 文件。
+        document.write(
+          '<script type="text/javascript" src="https://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js"><\/script>');
+      } else if (/swan/i.test(userAgent)) {
+        // 百度小程序 JS-SDK 如果不需要兼容百度小程序，则无需引用此 JS 文件。
+        document.write(
+          '<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js"><\/script>'
+        );
+      } else if (/quickapp/i.test(userAgent)) {
+        // quickapp
+        document.write('<script type="text/javascript" src="https://quickapp/jssdk.webview.min.js"><\/script>');
+      }
+    </script>
+    <script type="text/javascript">
+      ! function(e, n) {
+        "object" == typeof exports && "undefined" != typeof module ? module.exports = n() : "function" ==
+          typeof define && define.amd ? define(n) : e.uniWebview = n()
+      }(this, function() {
+        "use strict";
+        var e = {},
+          a = [],
+          n = function(e, n) {
+            if (0 === a.length) {
+              var i = plus.webview.currentWebview();
+              if (!i) throw new Error("plus.webview.currentWebview() is undefined");
+              var t = i.parent();
+              if (!t) throw new Error("plus.webview.currentWebview().parent() is undefined");
+              a.push(t.id)
+            }
+            var r = JSON.stringify({
+              options: {
+                timestamp: +new Date
+              },
+              name: e,
+              arg: n
+            });
+            plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("WEB_INVOKE_APPSERVICE",' + r +
+              "," + JSON.stringify(a) + ");")
+          };
+        e.navigateTo = function() {
+          var e = (0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {}).url;
+          n("navigateTo", {
+            url: encodeURI(e)
+          })
+        }, e.navigateBack = function() {
+          var e = (0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {}).delta;
+          n("navigateBack", {
+            delta: parseInt(e) || 1
+          })
+        }, e.switchTab = function() {
+          var e = (0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {}).url;
+          n("switchTab", {
+            url: encodeURI(e)
+          })
+        }, e.reLaunch = function() {
+          var e = (0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {}).url;
+          n("reLaunch", {
+            url: encodeURI(e)
+          })
+        }, e.redirectTo = function() {
+          var e = (0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {}).url;
+          n("redirectTo", {
+            url: encodeURI(e)
+          })
+        }, e.getEnv = function(e) {
+          e({
+            plus: !0
+          })
+        }, e.postMessage = function() {
+          var e = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : {};
+          n("postMessage", e.data || {})
+        };
+        var i = {};
+        "undefined" != typeof wx && wx.miniProgram && (i.navigateTo = wx.miniProgram.navigateTo, i.navigateBack = wx
+          .miniProgram.navigateBack, i.switchTab = wx.miniProgram.switchTab, i.reLaunch = wx.miniProgram.reLaunch, i
+          .redirectTo = wx.miniProgram.redirectTo, i.postMessage = wx.miniProgram.postMessage, i.getEnv = wx
+          .miniProgram.getEnv);
+        var t = /uni-app/i.test(navigator.userAgent),
+          r = /micromessenger/i.test(navigator.userAgent),
+          o = {},
+          d = function() {
+            window.UniAppJSBridge = !0, document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady", {
+              bubbles: !0,
+              cancelable: !0
+            }))
+          };
+        return t && (o = e, window.plus && /complete|loaded|interactive/.test(document.readyState) ? d() : document
+          .addEventListener("plusready", d)), r && (o = i, window.WeixinJSBridge && WeixinJSBridge.invoke ? d() :
+          document.addEventListener("WeixinJSBridgeReady", d)), o
+      });
+    </script>
+    <script>
+      document.addEventListener('UniAppJSBridgeReady', function() {
+        uniWebview.getEnv(function(res) {
+          console.log('当前环境：' + JSON.stringify(res))
+        });
+      });
+    </script>
+  </head>
 
-    <body>
-        <noscript>
-            <strong>Please enable JavaScript to continue.</strong>
-        </noscript>
-        <div id="app"></div>
-        <!-- built files will be auto injected -->
-    </body>
+  <body>
+    <noscript>
+      <strong>Please enable JavaScript to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
 
 </html>

src/App.vue

@@ -1,54 +1,25 @@
 <script>
-	import Vue from 'vue';
-// 判断微信环境
-function isWeixin() {
-  var ua = navigator.userAgent.toLowerCase();
-  if (ua.indexOf('micromessenger') != -1) {
-    return true;
-  } else {
-    return false;
-  }
-}
-
-// 解析地址栏参数
-function getQueryVariable(variable) {
-  // 从?开始获取后面的所有数据
-  var query = window.location.search.substring(1);
-  // 从字符串&开始分隔成数组split
-  var vars = query.split('&');
-  // 遍历该数组
-  for (var i = 0; i < vars.length; i++) {
-    // 从等号部分分割成字符
-    var pair = vars[i].split('=');
-    // 如果第一个元素等于 传进来的参的话 就输出第二个元素
-    if (pair[0] == variable) {
-      return pair[1];
+  import Vue from 'vue';
+  // 解析地址栏参数
+  function getQueryVariable(variable) {
+    // 从?开始获取后面的所有数据
+    var query = window.location.search.substring(1);
+    // 从字符串&开始分隔成数组split
+    var vars = query.split('&');
+    // 遍历该数组
+    for (var i = 0; i < vars.length; i++) {
+      // 从等号部分分割成字符
+      var pair = vars[i].split('=');
+      // 如果第一个元素等于 传进来的参的话 就输出第二个元素
+      if (pair[0] == variable) {
+        return pair[1];
+      }
     }
+    return undefined;
   }
-  return undefined;
-}
   export default {
     onLaunch: function() {
-      if(isWeixin()){
-        // 微信鉴权登入
-        var isAuthorization = getQueryVariable('isAuthorization');
-        if (isAuthorization) {
-          var url = 'https://jiasm.zfire.top/recycleh5/pages/login/indexs';
-          const href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxaddd13c267e81e70&redirect_uri=${url}&response_type=code&scope=snsapi_userinfo#wechat_redirect`;
-          window.location.href = href;
-        } else {
-          var code = getQueryVariable('code');
-          if (code) {
-            alert(code)
-            uni.setStorageSync('code', code);
-          } else if (!uni.getStorageSync('code')) {
-            alert("重定向")
-            const url = location.href;
-            const href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxaddd13c267e81e70&redirect_uri=${url}&response_type=code&scope=snsapi_userinfo#wechat_redirect`;
-            window.location.href = href;
-          }
-        }
-      }
+      console.log(12343545)
     },
     onShow: function() {
       // console.log('App Show')
@@ -64,4 +35,4 @@ function getQueryVariable(variable) {
   @import "uview-ui/index.scss";
 
   @import "styles/iconfont.css";
-</style>
+</style>

src/common/utils/navPag.js

@@ -0,0 +1,61 @@
+// #ifdef H5
+import wx from 'weixin-js-sdk'
+// #endif
+import {
+  isWeixin
+} from "./common.js"
+export const navToPage = (function() {
+  var gopageid = null
+  return function(p) {
+    var {
+      url,
+      ...data
+    } = p
+    // #ifdef H5
+    if (isWeixin()) {
+      wx.miniProgram.getEnv(res => {
+        if (res.miniprogram) {
+          var i = 0;
+          (function goTo() {
+            if (gopageid) {
+              clearTimeout(gopageid)
+            }
+            i++
+            if (uniWebview && uniWebview.navigateTo) {
+              // h5跳转小程序
+              uniWebview.navigateTo({
+                url: url,
+                ...data
+              })
+            } else if (i < 10) {
+              gopageid = setTimeout(function() {
+                gopageid = null
+                goTo()
+              }, 200)
+            }
+          })()
+        } else {
+          // 当前环境跳转
+          uni.navigateTo({
+            url: url,
+            ...data
+          })
+        }
+      })
+    } else {
+      // 当前环境跳转
+      uni.navigateTo({
+        url: url,
+        ...data
+      })
+    }
+    // #endif
+    // #ifndef H5
+    // 当前环境跳转
+    uni.navigateTo({
+      url: url,
+      ...data
+    })
+    // #endif
+  }
+})()

src/main.js

@@ -12,18 +12,23 @@ import {
 Vue.prototype.$Base64 = Base64
 
 import {
-	toast,
-	successToast,
-	showLoading,
-	tipLoading,
-	hideLoading,
-	modal,
-	navPage,
-	redPage,
-	backPage,
-	callPhone,
-	copy,
+  toast,
+  successToast,
+  showLoading,
+  tipLoading,
+  hideLoading,
+  modal,
+  navPage,
+  redPage,
+  backPage,
+  callPhone,
+  copy,
 } from "common/utils/common"
+import {
+  navToPage
+} from "common/utils/navPag"
+Vue.prototype.$navToPage = navToPage;
+Vue.prototype.$H5Href = process.env.VUE_APP_HREF;
 Vue.prototype.$toast = toast;
 Vue.prototype.$successToast = successToast;
 Vue.prototype.$showLoading = showLoading;
@@ -59,8 +64,8 @@ Vue.prototype.$getUserInfo = getUserInfo;
 
 // #ifdef H5
 import {
-	router,
-	RouterMount
+  router,
+  RouterMount
 } from 'router'
 Vue.use(router)
 import Mylink from 'uni-simple-router/dist/link.vue'
@@ -83,4 +88,4 @@ RouterMount(app, router, '#app')
 
 // #ifndef H5
 app.$mount(); //为了兼容小程序及app端必须这样写才有效果
-// #endif
+// #endif

src/mixins/index.js

@@ -1,6 +1,9 @@
 import {
   isWeixin
 } from '@/common/utils/common';
+// #ifdef H5
+import wx from 'weixin-js-sdk'
+// #endif
 
 // 存放页面公用数据、方法...
 export default {
@@ -14,11 +17,21 @@ export default {
 
   },
   mounted() {
-    if(isWeixin()){
+    if (isWeixin()) {
+      // 去除顶部
       var uni_page_head = document.querySelector("uni-page-head[uni-page-head-type='default']")
-      if(uni_page_head){
+      if (uni_page_head) {
         uni_page_head.remove()
       }
+      // 去除底部
+      var uni_tabbar_bottom = document.getElementsByClassName("uni-tabbar-bottom")
+      if (uni_tabbar_bottom.length) {
+        uni_tabbar_bottom[0].remove()
+        var uni_page_wrapper = document.getElementsByTagName("uni-page-wrapper")
+        if (uni_page_wrapper.length) {
+          uni_page_wrapper[0].setAttribute('style', 'height: calc(100% - env(safe-area-inset-bottom)) !important')
+        }
+      }
     }
   },
   methods: {
@@ -75,4 +88,4 @@ export default {
       console.log('mixins');
     }
   }
-}
+}

src/pages/message/index.vue

@@ -1,133 +1,168 @@
 <template>
-    <view class="message_user">
-        <view class="gonggao">
-            <view>防骗手册，为您保驾护航</view>
-            <text class="iconfont icon-jinru"></text>
-        </view>
-        <view class="message_user_aview" v-for="(item,index) in 5" :key="index" @click="goMsgView">
-            <view class="message_user_a">
-                <view class="message_user_info">
-                    <!-- 头像 -->
-                    <view class="user_head">
-
-                    </view>
-                    <view  class="user_info">
-                        <!-- 姓名 -->
-                        <view class="user_name">张锋</view>
-                        <!-- 聊天信息最后一条 -->
-                        <view class="user_goods">商品很nice</view>
-                        <!-- 聊天信息最后一条的时间 -->
-                        <view class="user_time">2023-10-21 12：20：21</view>
-                    </view>
-                    <!-- 商品图片 -->
-                    <view  class="goods_img">
-
-                    </view>
-                </view>
-            </view>
+  <!-- #ifdef H5 -->
+  <view class="message_user">
+    <view class="gonggao">
+      <view>防骗手册，为您保驾护航</view>
+      <text class="iconfont icon-jinru"></text>
+    </view>
+    <view class="message_user_aview" v-for="(item,index) in 5" :key="index" @click="goMsgView">
+      <view class="message_user_a">
+        <view class="message_user_info">
+          <!-- 头像 -->
+          <view class="user_head">
+
+          </view>
+          <view class="user_info">
+            <!-- 姓名 -->
+            <view class="user_name">张锋</view>
+            <!-- 聊天信息最后一条 -->
+            <view class="user_goods">商品很nice</view>
+            <!-- 聊天信息最后一条的时间 -->
+            <view class="user_time">2023-10-21 12：20：21</view>
+          </view>
+          <!-- 商品图片 -->
+          <view class="goods_img">
+
+          </view>
         </view>
+      </view>
     </view>
+  </view>
+  <!-- #endif -->
+  <!-- #ifndef H5 -->
+  <web-view :src="href+'/pages/message/index'"></web-view>
+  <!-- #endif -->
 </template>
 
 <script>
-export default {
-    methods:{
-        goMsgView(){
-            uni.navigateTo({
-                url: '/pages/message/msgView'
-            })
-        }
+  export default {
+    data() {
+      return {
+        href: this.$H5Href
+      }
+    },
+    // #ifdef H5
+    methods: {
+      goMsgView() {
+        this.$navToPage({
+          url: '/pages/message/msgView'
+        })
+      }
     },
-}
+    // #endif
+    // #ifndef H5
+
+    // #endif
+  }
 </script>
 
 <style lang="scss" scoped>
-.message_user{
+  .message_user {
     width: 100%;
     box-sizing: border-box;
     padding-top: 80rpx;
-    .gonggao{
-        position: absolute;
-        width: 100%;
-        height: 80rpx;
-        background: #fff2d4;
-        top: 0;
-        z-index: 999;
-        left: 0;
-        right: 0;
-        box-sizing: border-box;
-        padding: 0 20rpx;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-size: 24rpx;
+
+    .gonggao {
+      position: absolute;
+      width: 100%;
+      height: 80rpx;
+      background: #fff2d4;
+      top: 0;
+      z-index: 999;
+      left: 0;
+      right: 0;
+      box-sizing: border-box;
+      padding: 0 20rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 24rpx;
+      color: rgb(230, 138, 19);
+
+      view {
         color: rgb(230, 138, 19);
-        view{
-            color: rgb(230, 138, 19);
-        }
+      }
     }
-    .message_user_aview{
-        width:100%;
+
+    .message_user_aview {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      padding: 0 20rpx;
+      background: #fff;
+
+      .message_user_a {
+        width: 100%;
         height: auto;
         box-sizing: border-box;
-        padding: 0 20rpx;
-        background: #fff;
-        .message_user_a{
-            width: 100%;
-            height: auto;
-            box-sizing: border-box;
-            padding: 20rpx 0;
+        padding: 20rpx 0;
+      }
+
+      &:not(:last-child) {
+        .message_user_a {
+          border-bottom: 1rpx solid #ddd;
         }
+      }
+
+      .message_user_info {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
 
-        &:not(:last-child){
-            .message_user_a{
-                border-bottom: 1rpx solid #ddd;
-            }
+        .user_head {
+          width: 80rpx;
+          height: 80rpx;
         }
-        .message_user_info{
+
+        .user_info {
+          width: 500rpx;
+          min-height: 100rpx;
+          box-sizing: border-box;
+          padding: 0 16rpx;
+
+          .user_name {
+            width: 100%;
+            font-size: 28rpx;
+            font-weight: bold;
+            overflow: hidden;
+            /*超出部分隐藏*/
+            white-space: nowrap;
+            /*禁止换行*/
+            text-overflow: ellipsis;
+            /*省略号*/
+          }
+
+          .user_goods {
             width: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: flex-start;
-            .user_head{
-                width: 80rpx;
-                height: 80rpx;
-            }
-            .user_info{
-                width: 500rpx;
-                min-height: 100rpx;
-                box-sizing: border-box;
-                padding: 0 16rpx;
-                .user_name{
-                    width: 100%;
-                    font-size: 28rpx;
-                    font-weight: bold;
-                    overflow: hidden; /*超出部分隐藏*/
-                    white-space: nowrap; /*禁止换行*/
-                    text-overflow: ellipsis; /*省略号*/
-                }
-                .user_goods{
-                    width: 100%;
-                    font-size: 24rpx;
-                    overflow: hidden; /*超出部分隐藏*/
-                    white-space: nowrap; /*禁止换行*/
-                    text-overflow: ellipsis; /*省略号*/
-                    margin: 10rpx 0;
-                }
-                .user_time{
-                    width: 100%;
-                    font-size: 20rpx;
-                    color: #aaa;
-                    overflow: hidden; /*超出部分隐藏*/
-                    white-space: nowrap; /*禁止换行*/
-                    text-overflow: ellipsis; /*省略号*/
-                }
-            }
-            .goods_img{
-                width: 100rpx;
-                height: 100rpx;
-            }
+            font-size: 24rpx;
+            overflow: hidden;
+            /*超出部分隐藏*/
+            white-space: nowrap;
+            /*禁止换行*/
+            text-overflow: ellipsis;
+            /*省略号*/
+            margin: 10rpx 0;
+          }
+
+          .user_time {
+            width: 100%;
+            font-size: 20rpx;
+            color: #aaa;
+            overflow: hidden;
+            /*超出部分隐藏*/
+            white-space: nowrap;
+            /*禁止换行*/
+            text-overflow: ellipsis;
+            /*省略号*/
+          }
+        }
+
+        .goods_img {
+          width: 100rpx;
+          height: 100rpx;
         }
+      }
     }
-}
-</style>
+  }
+</style>

src/pages/message/msgView.vue

@@ -1,315 +1,370 @@
 <template>
-    <view class="message_view_page">
-        <!-- 横幅 -->
-        <view class="gonggao">
-            <view>防骗手册，为您保驾护航</view>
-            <text class="iconfont icon-jinru"></text>
+  <!-- #ifdef H5 -->
+  <view class="message_view_page">
+    <!-- 横幅 -->
+    <view class="gonggao">
+      <view>防骗手册，为您保驾护航</view>
+      <text class="iconfont icon-jinru"></text>
+    </view>
+    <!-- 商品信息 -->
+    <view class="goods_info">
+      <!-- 商品图片 -->
+      <view class="goods_img"></view>
+      <!-- 商品描述 -->
+      <view class="goods_text">
+        <view class="goods_name">商品的名称展示</view>
+        <view class="goods_pon">
+          <view>
+            <view class="goods_jiag">￥{{180.00}}</view>
+            <view class="goods_fuwu">卖家包运费</view>
+          </view>
+          <view class="go_goods_btn">立即购买</view>
         </view>
-        <!-- 商品信息 -->
-       <view class="goods_info">
-            <!-- 商品图片 -->
-            <view class="goods_img"></view>
-            <!-- 商品描述 -->
-            <view class="goods_text">
-                <view class="goods_name">商品的名称展示</view>
-                <view class="goods_pon">
-                    <view>
-                        <view class="goods_jiag">￥{{180.00}}</view>
-                        <view class="goods_fuwu">卖家包运费</view>
-                    </view>
-                    <view class="go_goods_btn">立即购买</view>
-                </view>
+      </view>
+    </view>
+    <!-- 聊天内容 -->
+    <view class="message_view">
+      <scroll-view class="message_view_scroll" :scroll-y="true" :scroll-top="scrollTop" @scrolltoupper="upper"
+        @scrolltolower="lower" @scroll="scroll">
+        <view v-for="(item,index) in 50" :key="index">
+          <!-- 右消息 -->
+          <view class="msg_view">
+            <!-- 占位 -->
+            <view class="msg_user_img_kong">
+            </view>
+            <view class="msg_view_info msg_view_info_right">
+              <view class="msg_view_conent">
+                12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl
+              </view>
+              <view class="msg_view_time">2023-10-11 12:12:12</view>
             </view>
-       </view>
-       <!-- 聊天内容 -->
-       <view class="message_view">
-            <scroll-view class="message_view_scroll" :scroll-y="true" :scroll-top="scrollTop" @scrolltoupper="upper"
-                @scrolltolower="lower" @scroll="scroll">
-                <view v-for="(item,index) in 50" :key="index">
-                    <!-- 右消息 -->
-                    <view class="msg_view">
-                        <!-- 占位 -->
-                        <view class="msg_user_img_kong">
-                        </view>
-                        <view class="msg_view_info msg_view_info_right">
-                            <view class="msg_view_conent">12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl12465479198kuhsadbckaehbl</view>
-                            <view class="msg_view_time">2023-10-11 12:12:12</view>
-                        </view>
-                        <!-- 头像 -->
-                        <view class="msg_user_img">
-                        </view>
-                    </view>
-                    <!-- 左消息 -->
-                    <view class="msg_view">
-                        <!-- 头像 -->
-                        <view class="msg_user_img">
-                        </view>
-                        <view class="msg_view_info msg_view_info_left">
-                            <view class="msg_view_conent">12465479198kuhsadbckaehbl</view>
-                            <view class="msg_view_time">2023-10-11 12:12:12</view>
-                        </view>
-                        <!-- 占位 -->
-                        <view class="msg_user_img_kong">
-                        </view>
-                    </view>
-                </view>
-            </scroll-view>
-       </view>
-       <!-- 输入框 -->
-       <view>
-            <view class="text_input_view">
-                <view  class="text_input_lay">
-                    <view class="text_input_tengh">
-                        <input class="uni-input_chat" focus placeholder="请输入" />
-                    </view>
-                    <view class="text_input_mount" @click="gengduo = !gengduo">
-                        +
-                    </view>
-                </view>
+            <!-- 头像 -->
+            <view class="msg_user_img">
             </view>
-            <view v-if="gengduo" class="gengduo_view">
-                <view class="gengduo_view_ay">
-                    <view class="gengduo_view_icon"></view>
-                    <view class="gengduo_view_name">相册</view>
-                </view>
-                <view class="gengduo_view_ay">
-                    <view class="gengduo_view_icon"></view>
-                    <view class="gengduo_view_name">拍照</view>
-                </view>
-                <view class="gengduo_view_ay">
-                    <view class="gengduo_view_icon"></view>
-                    <view class="gengduo_view_name">位置</view>
-                </view>
-                <view class="gengduo_view_ay">
-                    <view class="gengduo_view_icon"></view>
-                    <view class="gengduo_view_name">举报</view>
-                </view>
+          </view>
+          <!-- 左消息 -->
+          <view class="msg_view">
+            <!-- 头像 -->
+            <view class="msg_user_img">
             </view>
-       </view>
+            <view class="msg_view_info msg_view_info_left">
+              <view class="msg_view_conent">12465479198kuhsadbckaehbl</view>
+              <view class="msg_view_time">2023-10-11 12:12:12</view>
+            </view>
+            <!-- 占位 -->
+            <view class="msg_user_img_kong">
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <!-- 输入框 -->
+    <view>
+      <view class="text_input_view">
+        <view class="text_input_lay">
+          <view class="text_input_tengh">
+            <input class="uni-input_chat" focus placeholder="请输入" />
+          </view>
+          <view class="text_input_mount" @click="gengduo = !gengduo">
+            +
+          </view>
+        </view>
+      </view>
+      <view v-if="gengduo" class="gengduo_view">
+        <view class="gengduo_view_ay">
+          <view class="gengduo_view_icon"></view>
+          <view class="gengduo_view_name">相册</view>
+        </view>
+        <view class="gengduo_view_ay">
+          <view class="gengduo_view_icon"></view>
+          <view class="gengduo_view_name">拍照</view>
+        </view>
+        <view class="gengduo_view_ay">
+          <view class="gengduo_view_icon"></view>
+          <view class="gengduo_view_name">位置</view>
+        </view>
+        <view class="gengduo_view_ay">
+          <view class="gengduo_view_icon"></view>
+          <view class="gengduo_view_name">举报</view>
+        </view>
+      </view>
     </view>
+  </view>
+  <!-- #endif -->
+  <!-- #ifndef H5 -->
+  <web-view :src="href+'/pages/message/msgView'"></web-view>
+  <!-- #endif -->
 </template>
 
 <script>
-export default {
-    data(){
-        return{
-            scrollTop: 0,
-            gengduo: false
-        }
+  export default {
+    data() {
+      return {
+        href: this.$H5Href
+      }
     },
-    methods:{
-        upper(){
-            console.log("顶")
-        },
-        lower(){
-            console.log("底")
-        },
-        scroll(e){
-            this.scrollTop = e.detail.scrollTop
-        }
+    // #ifdef H5
+    data() {
+      return {
+        scrollTop: 0,
+        gengduo: false
+      }
     },
-}
+    methods: {
+      upper() {
+        console.log("顶")
+      },
+      lower() {
+        console.log("底")
+      },
+      scroll(e) {
+        this.scrollTop = e.detail.scrollTop
+      }
+    },
+    // #endif
+    // #ifndef H5
+
+    // #endif
+  }
 </script>
 
 <style lang="scss" scoped>
-page{
+  page {
     height: 100%;
     overflow: hidden;
-}
-.message_view_page{
+  }
+
+  .message_view_page {
     overflow: hidden;
     width: 100%;
+    /* #ifdef H5 */
     height: 100%;
+    /* #endif */
+    /* #ifndef H5 */
+    height: 100vh;
+    /* #endif */
     display: flex;
     flex-direction: column;
-    .msg_view{
-        width: 100%;
-        height: auto;
-        box-sizing: border-box;
-        padding: 10rpx 20rpx;
-        display: flex;
-        .msg_view_info{
-            flex: 1;
-            min-height: 80rpx;
-            .msg_view_conent{
-                display: inline-block;
-                max-width: 100%;
-                height: auto;
-                background: #fff;
-                border-radius: 10rpx;
-                box-sizing: border-box;
-                padding: 18rpx;
-                word-break:break-all; 
-            }
-            .msg_view_time{
-                margin-top: 8rpx;
-                font-size: 22rpx;
-                color: #aaa;
-            }
-        }
-        .msg_view_info_left{
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            box-sizing: border-box;
-            padding-left: 30rpx;
-        }
-        .msg_view_info_right{
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-            padding-right: 30rpx;
-        }
-        .msg_user_img_kong{
-            width: 80rpx;
-            height: 80rpx;
+
+    .msg_view {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      padding: 10rpx 20rpx;
+      display: flex;
+
+      .msg_view_info {
+        flex: 1;
+        min-height: 80rpx;
+
+        .msg_view_conent {
+          display: inline-block;
+          max-width: 100%;
+          height: auto;
+          background: #fff;
+          border-radius: 10rpx;
+          box-sizing: border-box;
+          padding: 18rpx;
+          word-break: break-all;
         }
-        .msg_user_img{
-            background: #fff;
-            width: 80rpx;
-            height: 80rpx;
-            border-radius: 40rpx;
+
+        .msg_view_time {
+          margin-top: 8rpx;
+          font-size: 22rpx;
+          color: #aaa;
         }
-    }
-    .gengduo_view{
-        width: 100%;
-        height: auto;
+      }
+
+      .msg_view_info_left {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
         box-sizing: border-box;
-        padding:8rpx 20rpx 18rpx 20rpx;
-        background: #fff;
+        padding-left: 30rpx;
+      }
+
+      .msg_view_info_right {
         display: flex;
-        justify-content: space-around;
-        .gengduo_view_ay{
-            width: 110rpx;
-        }
-        .gengduo_view_icon{
-            width: 110rpx;
-            height: 110rpx;
-            border-radius: 16rpx;
-            background: #eee;
-            margin-bottom: 16rpx;
-        }
-        .gengduo_view_name{
-            font-size: 22rpx;
-            text-align: center;
-            color: #aaa;
-        }
+        flex-direction: column;
+        align-items: flex-end;
+        padding-right: 30rpx;
+      }
+
+      .msg_user_img_kong {
+        width: 80rpx;
+        height: 80rpx;
+      }
+
+      .msg_user_img {
+        background: #fff;
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 40rpx;
+      }
+    }
+
+    .gengduo_view {
+      width: 100%;
+      height: auto;
+      box-sizing: border-box;
+      padding: 8rpx 20rpx 18rpx 20rpx;
+      background: #fff;
+      display: flex;
+      justify-content: space-around;
+
+      .gengduo_view_ay {
+        width: 110rpx;
+      }
+
+      .gengduo_view_icon {
+        width: 110rpx;
+        height: 110rpx;
+        border-radius: 16rpx;
+        background: #eee;
+        margin-bottom: 16rpx;
+      }
+
+      .gengduo_view_name {
+        font-size: 22rpx;
+        text-align: center;
+        color: #aaa;
+      }
     }
-    .text_input_view{
+
+    .text_input_view {
+      width: 100%;
+      height: 100rpx;
+      box-sizing: border-box;
+      padding: 18rpx 20rpx;
+      background: #fff;
+
+      .text_input_lay {
         width: 100%;
-        height: 100rpx;
-        box-sizing: border-box;
-        padding: 18rpx 20rpx;
-        background: #fff;
-        .text_input_lay{
+        height: 100%;
+        display: flex;
+
+        .text_input_tengh {
+          flex: 1;
+          height: 100%;
+          box-sizing: border-box;
+          padding-right: 18rpx;
+
+          .uni-input_chat {
+            border-radius: 34rpx;
             width: 100%;
             height: 100%;
-            display: flex;
-            .text_input_tengh{
-                flex: 1;
-                height: 100%;
-                box-sizing: border-box;
-                padding-right: 18rpx;
-                .uni-input_chat{
-                    border-radius: 34rpx;
-                    width: 100%;
-                    height: 100%;
-                    box-sizing: border-box;
-                    border:1rpx solid #eee;
-                    padding: 0 10rpx;
-                }
-            }
-            .text_input_mount{
-                width: 64rpx;
-                height: 64rpx;
-                font-size: 52rpx;
-                font-weight: bold;
-                color: #999;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
+            box-sizing: border-box;
+            border: 1rpx solid #eee;
+            padding: 0 10rpx;
+          }
+        }
+
+        .text_input_mount {
+          width: 64rpx;
+          height: 64rpx;
+          font-size: 52rpx;
+          font-weight: bold;
+          color: #999;
+          display: flex;
+          justify-content: center;
+          align-items: center;
         }
+      }
     }
-    .goods_info{
-        width: 100%;
+
+    .goods_info {
+      width: 100%;
+      height: auto;
+      padding: 20rpx;
+      box-sizing: border-box;
+      background: #fff;
+      display: flex;
+
+      .goods_img {
+        width: 100rpx;
+        height: 100rpx;
+      }
+
+      .goods_text {
+        flex: 1;
+        min-height: 100rpx;
         height: auto;
-        padding: 20rpx;
         box-sizing: border-box;
-        background: #fff;
-        display: flex;
-        .goods_img{
-            width: 100rpx;
-            height: 100rpx;
+        padding-left: 16rpx;
+
+        .goods_name {
+          width: 100%;
+          margin-bottom: 10rpx;
+          font-size: 28rpx;
+          font-weight: bold;
+          overflow: hidden;
+          /*超出部分隐藏*/
+          white-space: nowrap;
+          /*禁止换行*/
+          text-overflow: ellipsis;
+          /*省略号*/
+        }
+
+        .goods_jiag {
+          font-size: 26rpx;
+          color: red;
         }
-        .goods_text{
-            flex: 1;
-            min-height: 100rpx;
+
+        .goods_fuwu {
+          font-size: 24rpx;
+          color: #aaa;
+        }
+
+        .goods_pon {
+          width: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+
+          .go_goods_btn {
+            width: auto;
             height: auto;
             box-sizing: border-box;
-            padding-left: 16rpx;
-            .goods_name{
-                width: 100%;
-                margin-bottom: 10rpx;
-                font-size: 28rpx;
-                font-weight: bold;
-                overflow: hidden; /*超出部分隐藏*/
-                white-space: nowrap; /*禁止换行*/
-                text-overflow: ellipsis; /*省略号*/
-            }
-            .goods_jiag{
-                font-size: 26rpx;
-                    color: red;
-            }
-            .goods_fuwu{
-                font-size: 24rpx;
-                color: #aaa;
-            }
-            .goods_pon{
-                width: 100%;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                .go_goods_btn{
-                    width: auto;
-                    height: auto;
-                    box-sizing: border-box;
-                    padding: 14rpx 28rpx;
-                    border-radius: 10rpx;
-                    font-size: 24rpx;
-                    font-weight: bold;
-                    color: #fff;
-                    background: rgb(250, 42, 42);
-                }
-            }
+            padding: 14rpx 28rpx;
+            border-radius: 10rpx;
+            font-size: 24rpx;
+            font-weight: bold;
+            color: #fff;
+            background: rgb(250, 42, 42);
+          }
         }
+      }
     }
-    .message_view{
-        width: 100%;
-        flex: 1;
-        position: relative;
-        .message_view_scroll{
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            left: 0;
-            right: 0;
-        }
+
+    .message_view {
+      width: 100%;
+      flex: 1;
+      position: relative;
+
+      .message_view_scroll {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+      }
     }
-    .gonggao{
-        width: 100%;
-        height: 80rpx;
-        background: #fff2d4;
-        box-sizing: border-box;
-        padding: 0 20rpx;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-size: 24rpx;
+
+    .gonggao {
+      width: 100%;
+      height: 80rpx;
+      background: #fff2d4;
+      box-sizing: border-box;
+      padding: 0 20rpx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 24rpx;
+      color: rgb(230, 138, 19);
+
+      view {
         color: rgb(230, 138, 19);
-        view{
-            color: rgb(230, 138, 19);
-        }
+      }
     }
-}
+  }
 </style>

vue.config.js

@@ -50,7 +50,7 @@ fs.writeFileSync(manifestPath, Manifest, {
 
 module.exports = {
     publicPath: process.env.VUE_APP_BASE_PATH,
-    transpileDependencies: ['uview-ui','uni-simple-router'],
+    transpileDependencies: ['uview-ui','uni-simple-router','wx-open-launch-weapp'],
     configureWebpack: {
         plugins: [
 			new webpack.DefinePlugin({
@@ -80,7 +80,7 @@ module.exports = {
         config.optimization.minimizer('terser').tap((args) => {
             const compress = args[0].terserOptions.compress
             // 非 App 平台移除 console 代码(包含所有 console 方法，如 log,debug,info...)
-            compress.drop_console = true
+            // compress.drop_console = true
             compress.pure_funcs = [
                 '__f__', // App 平台 vue 移除日志代码
                 // 'console.debug' // 可移除指定的 console 方法