vor 7 Monaten · 648a83c3df
--- a/小程序/guildsvg/.vscode/settings.json
+++ b/小程序/guildsvg/.vscode/settings.json
@@ -0,0 +1,5 @@
 
				+{
			
 
				+    "files.associations": {
			
 
				+        "*.vue": "html"
			
 
				+    },
			
 
				+}
			
--- a/小程序/guildsvg/axios.min.js
+++ b/小程序/guildsvg/axios.min.js
--- a/小程序/guildsvg/collection.html
+++ b/小程序/guildsvg/collection.html
@@ -0,0 +1,259 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta charset="utf-8" />
			
 
				+    <meta
			
 
				+      name="viewport"
			
 
				+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
			
 
				+    />
			
 
				+    <title></title>
			
 
				+    <script src="./vue.min.js"></script>
			
 
				+    <style>
			
 
				+      body {
			
 
				+        margin: 0;
			
 
				+      }
			
 
				+      #app {
			
 
				+        min-width: 100vw;
			
 
				+        height: 100vh;
			
 
				+        background: #f7f1e6;
			
 
				+        box-sizing: border-box;
			
 
				+        overflow: hidden;
			
 
				+      }
			
 
				+      .top {
			
 
				+        width: 100%;
			
 
				+        height: 65%;
			
 
				+      }
			
 
				+      .top > iframe {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+
			
 
				+      .bottom {
			
 
				+        position: absolute;
			
 
				+        top: calc(65% - 30px);
			
 
				+        width: 100%;
			
 
				+        min-height: 40vh;
			
 
				+        background: #f7f1e6;
			
 
				+        border-radius: 30px 30px 0px 0px;
			
 
				+        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+        padding: 20px;
			
 
				+        display: flex;
			
 
				+        flex-direction: column;
			
 
				+        align-items: center;
			
 
				+        box-sizing: border-box;
			
 
				+      }
			
 
				+      .title {
			
 
				+        font-weight: bold;
			
 
				+      }
			
 
				+
			
 
				+      .content {
			
 
				+        white-space: pre-wrap;
			
 
				+        font-size: 14px !important;
			
 
				+        line-height: 25px !important;
			
 
				+      }
			
 
				+
			
 
				+      .bottom > p {
			
 
				+        text-indent: 2em;
			
 
				+        font-size: 12px;
			
 
				+        overflow: auto;
			
 
				+      }
			
 
				+      .previewImg {
			
 
				+        width: 100vw;
			
 
				+        height: 100vh;
			
 
				+        z-index: 9999;
			
 
				+        background: #000000be;
			
 
				+        position: fixed;
			
 
				+        top: 0;
			
 
				+        left: 0;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+      }
			
 
				+      .previewImg > img {
			
 
				+        width: 100vw;
			
 
				+      }
			
 
				+
			
 
				+      .levitated-box {
			
 
				+        background-color: #00000080;
			
 
				+        border-radius: 50px;
			
 
				+        width: 50px;
			
 
				+        height: 50px;
			
 
				+        box-sizing: border-box;
			
 
				+        position: fixed;
			
 
				+        right: 10px;
			
 
				+        top: 50vh;
			
 
				+        z-index: 999;
			
 
				+        padding: 10px;
			
 
				+      }
			
 
				+
			
 
				+      .levitated-box > img {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    </style>
			
 
				+    <style></style>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app" v-if="JSON.stringify(info) != '{}'">
			
 
				+      <div class="top">
			
 
				+        <!-- <iframe
			
 
				+          src="https://4dscene.4dage.com/culturalrelics/YFYCM2/Model2.html?m=yfyc204"
			
 
				+        ></iframe> -->
			
 
				+        <iframe :src="info.modelUrl"></iframe>
			
 
				+      </div>
			
 
				+      <div class="bottom">
			
 
				+        <span class="title">{{info.name}}</span>
			
 
				+        <!-- <rich-text :nodes="info.content"></rich-text> -->
			
 
				+        <div class="content" v-html="info.content" @click="showImg"></div>
			
 
				+      </div>
			
 
				+      <!-- 富文本中图片放大预览部分 -->
			
 
				+      <div class="previewImg" @click="imgShowHandler" v-show="imgShow">
			
 
				+        <img :src="previewImg" alt="" />
			
 
				+      </div>
			
 
				+      <div class="levitated-box">
			
 
				+        <img
			
 
				+          width="40px"
			
 
				+          height="40px"
			
 
				+          :src="`https://houseoss.4dkankan.com/project/bjfljtl/img/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`"
			
 
				+          @click="collecttion"
			
 
				+        />
			
 
				+      </div>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 微信的SDK -->
			
 
				+    <script
			
 
				+      type="text/javascript"
			
 
				+      src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"
			
 
				+    ></script>
			
 
				+    <!-- uni 的 SDK -->
			
 
				+    <script
			
 
				+      type="text/javascript"
			
 
				+      src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js"
			
 
				+    ></script>
			
 
				+
			
 
				+    <script src="./axios.min.js"></script>
			
 
				+    <script>
			
 
				+      var app = new Vue({
			
 
				+        el: "#app",
			
 
				+        data() {
			
 
				+          return {
			
 
				+            info: {},
			
 
				+            isCollectedInfo: false,
			
 
				+            previewImg: "",
			
 
				+            imgShow: false,
			
 
				+          };
			
 
				+        },
			
 
				+        mounted() {},
			
 
				+        beforCreat() {},
			
 
				+        created() {
			
 
				+          let _this = this;
			
 
				+          const params = this.urlParameter(window.location.href);
			
 
				+          console.log(params, parseInt(params.isCollected) == "1");
			
 
				+          this.isCollectedInfo =
			
 
				+            parseInt(params.isCollected) == "1" ? true : false;
			
 
				+          console.log(this.isCollectedInfo);
			
 
				+          axios({
			
 
				+            method: "get",
			
 
				+            url: `https://wxfalangchang.4dage.com/api/wxShow/goods/detail/${params.id}`,
			
 
				+          }).then(function (resp) {
			
 
				+            _this.info = resp.data.data;
			
 
				+            _this.info.content = _this.formatRichText(_this.info.content);
			
 
				+          });
			
 
				+        },
			
 
				+        watch: {
			
 
				+          info: {
			
 
				+            handler(newValue, oldValue) {
			
 
				+              console.log("刷新", newValue, oldValue);
			
 
				+            },
			
 
				+            immediate: true,
			
 
				+            deep: true,
			
 
				+          },
			
 
				+        },
			
 
				+        methods: {
			
 
				+          // v-html模块点击
			
 
				+          showImg(e) {
			
 
				+            if (e.target.tagName == "IMG") {
			
 
				+              this.previewImg = e.target.src;
			
 
				+              this.imgShow = true;
			
 
				+            }
			
 
				+          },
			
 
				+          imgShowHandler() {
			
 
				+            this.imgShow = false;
			
 
				+          },
			
 
				+          urlParameter(data) {
			
 
				+            if (data) {
			
 
				+              const query = data.substring(data.indexOf("?") + 1);
			
 
				+              const arr = query.split("&");
			
 
				+              const params = {};
			
 
				+              arr.forEach((v) => {
			
 
				+                const key = v.substring(0, v.indexOf("="));
			
 
				+                const val = v.substring(v.indexOf("=") + 1);
			
 
				+                params[key] = val;
			
 
				+              });
			
 
				+              return params;
			
 
				+            } else return {};
			
 
				+          },
			
 
				+          // 富文本解析
			
 
				+          formatRichText(html) {
			
 
				+            let newContent = html.replace(
			
 
				+              /<img[^>]*>/gi,
			
 
				+              function (match, capture) {
			
 
				+                match = match
			
 
				+                  .replace(/style="[^"]+"/gi, "")
			
 
				+                  .replace(/style='[^']+'/gi, "");
			
 
				+                match = match
			
 
				+                  .replace(/width="[^"]+"/gi, "")
			
 
				+                  .replace(/width='[^']+'/gi, "");
			
 
				+                match = match
			
 
				+                  .replace(/height="[^"]+"/gi, "")
			
 
				+                  .replace(/height='[^']+'/gi, "");
			
 
				+                let isExist = match.includes("https://");
			
 
				+                if (!isExist) {
			
 
				+                  match = match.replace(
			
 
				+                    /(src=")/gi,
			
 
				+                    'src="https://wxfalangchang.4dage.com'
			
 
				+                  );
			
 
				+                }
			
 
				+                return match;
			
 
				+              }
			
 
				+            );
			
 
				+            newContent = newContent.replace(
			
 
				+              /style="[^"]+"/gi,
			
 
				+              function (match, capture) {
			
 
				+                match = match
			
 
				+                  .replace(/width:[^;]+;/gi, "max-width:100%;")
			
 
				+                  .replace(/width:[^;]+;/gi, "max-width:100%;");
			
 
				+                return match;
			
 
				+              }
			
 
				+            );
			
 
				+            newContent = newContent.replace(/<br[^>]*\/>/gi, "");
			
 
				+            newContent = newContent.replace(
			
 
				+              /\<img/gi,
			
 
				+              '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
			
 
				+            );
			
 
				+            return newContent;
			
 
				+          },
			
 
				+          // 收藏
			
 
				+          collecttion() {
			
 
				+            const params = this.urlParameter(window.location.href);
			
 
				+            console.log(params);
			
 
				+
			
 
				+            console.log(params.isLogin);
			
 
				+            if (params.isLogin == "1") {
			
 
				+              this.isCollectedInfo = !this.isCollectedInfo;
			
 
				+              uni.postMessage({
			
 
				+                data: {
			
 
				+                  action: this.isCollectedInfo ? 1 : 0,
			
 
				+                },
			
 
				+              });
			
 
				+            } else {
			
 
				+              alert("身份过期，请重新登录");
			
 
				+              uni.reLaunch({
			
 
				+                url: "../../../mine/index",
			
 
				+              });
			
 
				+            }
			
 
				+          },
			
 
				+        },
			
 
				+      });
			
 
				+    </script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/小程序/guildsvg/flexible.js
+++ b/小程序/guildsvg/flexible.js
@@ -0,0 +1,43 @@
 
				+(function flexible(window, document) {
			
 
				+  var docEl = document.documentElement;
			
 
				+  var dpr = window.devicePixelRatio || 1;
			
 
				+
			
 
				+  // adjust body font size
			
 
				+  function setBodyFontSize() {
			
 
				+    if (document.body) {
			
 
				+      document.body.style.fontSize = 12 * dpr + "px";
			
 
				+    } else {
			
 
				+      document.addEventListener("DOMContentLoaded", setBodyFontSize);
			
 
				+    }
			
 
				+  }
			
 
				+  setBodyFontSize();
			
 
				+
			
 
				+  // set 1rem = viewWidth / 10
			
 
				+  function setRemUnit() {
			
 
				+    var rem = docEl.clientWidth / 24;
			
 
				+    docEl.style.fontSize = rem + "px";
			
 
				+  }
			
 
				+
			
 
				+  setRemUnit();
			
 
				+
			
 
				+  // reset rem unit on page resize
			
 
				+  window.addEventListener("resize", setRemUnit);
			
 
				+  window.addEventListener("pageshow", function (e) {
			
 
				+    if (e.persisted) {
			
 
				+      setRemUnit();
			
 
				+    }
			
 
				+  });
			
 
				+
			
 
				+  // detect 0.5px supports
			
 
				+  if (dpr >= 2) {
			
 
				+    var fakeBody = document.createElement("body");
			
 
				+    var testElement = document.createElement("div");
			
 
				+    testElement.style.border = ".5px solid transparent";
			
 
				+    fakeBody.appendChild(testElement);
			
 
				+    docEl.appendChild(fakeBody);
			
 
				+    if (testElement.offsetHeight === 1) {
			
 
				+      docEl.classList.add("hairlines");
			
 
				+    }
			
 
				+    docEl.removeChild(fakeBody);
			
 
				+  }
			
 
				+})(window, document);
			
--- a/小程序/guildsvg/map.svg
+++ b/小程序/guildsvg/map.svg
--- a/小程序/guildsvg/svg.html
+++ b/小程序/guildsvg/svg.html
--- a/小程序/history.json
+++ b/小程序/history.json
--- a/小程序/jingtailan/.env.dev
+++ b/小程序/jingtailan/.env.dev
@@ -0,0 +1,2 @@
 
				+NODE_ENV = 'development'
			
 
				+VITE_BASE_API = "http://192.168.20.48:3000/data/"
			
--- a/小程序/jingtailan/.env.pro
+++ b/小程序/jingtailan/.env.pro
@@ -0,0 +1,2 @@
 
				+NODE_ENV = production
			
 
				+VITE_BASE_API = "http://192.168.20.48:3000/data"
			
--- a/小程序/jingtailan/.gitignore
+++ b/小程序/jingtailan/.gitignore
@@ -0,0 +1,21 @@
 
				+# Logs
			
 
				+logs
			
 
				+*.log
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+lerna-debug.log*
			
 
				+
			
 
				+node_modules
			
 
				+.DS_Store
			
 
				+dist
			
 
				+*.local
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/小程序/jingtailan/.vscode/vue-setup.code-snippets
+++ b/小程序/jingtailan/.vscode/vue-setup.code-snippets
@@ -0,0 +1,35 @@
 
				+{
			
 
				+	// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
			
 
				+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
			
 
				+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
			
 
				+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
			
 
				+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
			
 
				+	// Placeholders with the same ids are connected.
			
 
				+	// Example:
			
 
				+	// "Print to console": {
			
 
				+	// 	"scope": "javascript,typescript",
			
 
				+	// 	"prefix": "log",
			
 
				+	// 	"body": [
			
 
				+	// 		"console.log('$1');",
			
 
				+	// 		"$2"
			
 
				+	// 	],
			
 
				+	// 	"description": "Log output to console"
			
 
				+	// }
			
 
				+	"setup": {
			
 
				+		"prefix": "setup",
			
 
				+		"body": [
			
 
				+			"<script setup lang='ts'>",
			
 
				+			"\t",
			
 
				+			"</script>",
			
 
				+			"\t",
			
 
				+			"<template>",
			
 
				+			"\t",
			
 
				+			"</template>",
			
 
				+			"\t",
			
 
				+			"<style lang='scss' scoped>",
			
 
				+			"\t",
			
 
				+			"</style>"
			
 
				+		],
			
 
				+		"description": "vue3语法糖"
			
 
				+	}
			
 
				+}
			
--- a/小程序/jingtailan/history.json
+++ b/小程序/jingtailan/history.json
@@ -0,0 +1,51 @@
 
				+{
			
 
				+  "corporationInfo": [
			
 
				+    {
			
 
				+      "text": "第一段文字",
			
 
				+      "image": ""
			
 
				+    },
			
 
				+    {
			
 
				+      "text": "第二段文字",
			
 
				+      "image": "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/data/C1Visit/home/3.png"
			
 
				+    },
			
 
				+    {
			
 
				+      "text": "第一段文字",
			
 
				+      "image": ""
			
 
				+    },
			
 
				+    {
			
 
				+      "text": "第四段文字",
			
 
				+      "image": "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/data/C1Visit/home/3.png"
			
 
				+    },
			
 
				+    {
			
 
				+      "text": "第一段文字",
			
 
				+      "image": ""
			
 
				+    }
			
 
				+  ],
			
 
				+  "year": [
			
 
				+    {
			
 
				+      "totle": "1890-1900",
			
 
				+      "detail": [
			
 
				+        {
			
 
				+          "time": "一九五六年一月",
			
 
				+          "content": "实行了全行业的公私合营 \n 42家人作坊公私合营成立北京法琅厂，钱美华设计的我国第一张景秦蓝图纸完成手稿",
			
 
				+          "image": ""
			
 
				+        },
			
 
				+        {
			
 
				+          "time": "一九五六年一月",
			
 
				+          "content": "实行了全行业的公私合营 \n 42家人作坊公私合营成立北京法琅厂，钱美华设计的我国第一张景秦蓝图纸完成手稿",
			
 
				+          "image": "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/data/C1Visit/home/1.png"
			
 
				+        },
			
 
				+        {
			
 
				+          "time": "一九五六年一月",
			
 
				+          "content": "实行了全行业的公私合营 \n 42家人作坊公私合营成立北京法琅厂，钱美华设计的我国第一张景秦蓝图纸完成手稿",
			
 
				+          "image": "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/data/C1Visit/home/1.png"
			
 
				+        },
			
 
				+        {
			
 
				+          "time": "一九五六年一月",
			
 
				+          "content": "实行了全行业的公私合营 \n 42家人作坊公私合营成立北京法琅厂，钱美华设计的我国第一张景秦蓝图纸完成手稿",
			
 
				+          "image": "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/data/C1Visit/home/1.png"
			
 
				+        }
			
 
				+      ]
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/小程序/jingtailan/index.html
+++ b/小程序/jingtailan/index.html
@@ -0,0 +1,20 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <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>
			
 
				+    <title></title>
			
 
				+    <!--preload-links-->
			
 
				+    <!--app-context-->
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"><!--app-html--></div>
			
 
				+    <script type="module" src="/src/main.ts"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/小程序/jingtailan/package-lock.json
+++ b/小程序/jingtailan/package-lock.json
--- a/小程序/jingtailan/package.json
+++ b/小程序/jingtailan/package.json
@@ -0,0 +1,76 @@
 
				+{
			
 
				+  "name": "uni-preset-vue",
			
 
				+  "version": "0.0.0",
			
 
				+  "scripts": {
			
 
				+    "dev:app": "uni -p app",
			
 
				+    "dev:app-android": "uni -p app-android",
			
 
				+    "dev:app-ios": "uni -p app-ios",
			
 
				+    "dev:custom": "uni -p",
			
 
				+    "dev:h5": "uni",
			
 
				+    "dev:h5:ssr": "uni --ssr",
			
 
				+    "dev:mp-alipay": "uni -p mp-alipay",
			
 
				+    "dev:mp-baidu": "uni -p mp-baidu",
			
 
				+    "dev:mp-jd": "uni -p mp-jd",
			
 
				+    "dev:mp-kuaishou": "uni -p mp-kuaishou",
			
 
				+    "dev:mp-lark": "uni -p mp-lark",
			
 
				+    "dev:mp-qq": "uni -p mp-qq",
			
 
				+    "dev:mp-toutiao": "uni -p mp-toutiao",
			
 
				+    "dev:mp-weixin": "uni -p mp-weixin",
			
 
				+    "dev:quickapp-webview": "uni -p quickapp-webview",
			
 
				+    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
			
 
				+    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
			
 
				+    "build:app": "uni build -p app",
			
 
				+    "build:app-android": "uni build -p app-android",
			
 
				+    "build:app-ios": "uni build -p app-ios",
			
 
				+    "build:custom": "uni build -p",
			
 
				+    "build:h5": "uni build",
			
 
				+    "build:h5:ssr": "uni build --ssr",
			
 
				+    "build:mp-alipay": "uni build -p mp-alipay",
			
 
				+    "build:mp-baidu": "uni build -p mp-baidu",
			
 
				+    "build:mp-jd": "uni build -p mp-jd",
			
 
				+    "build:mp-kuaishou": "uni build -p mp-kuaishou",
			
 
				+    "build:mp-lark": "uni build -p mp-lark",
			
 
				+    "build:mp-qq": "uni build -p mp-qq",
			
 
				+    "build:mp-toutiao": "uni build -p mp-toutiao",
			
 
				+    "build:mp-weixin": "uni build -p mp-weixin",
			
 
				+    "build:quickapp-webview": "uni build -p quickapp-webview",
			
 
				+    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
			
 
				+    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
			
 
				+    "type-check": "vue-tsc --noEmit"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@dcloudio/uni-app": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-app-plus": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-components": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-h5": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-jd": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-lark": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-qq": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070720230316001",
			
 
				+    "animate.css": "^4.1.1",
			
 
				+    "axios": "^1.4.0",
			
 
				+    "eslint": "^8.42.0",
			
 
				+    "mp-html": "^2.4.2",
			
 
				+    "uview-ui": "^2.0.31",
			
 
				+    "vue": "^3.2.45",
			
 
				+    "vue-i18n": "^9.1.9"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@dcloudio/types": "^3.3.2",
			
 
				+    "@dcloudio/uni-automator": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-cli-shared": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/uni-stacktracey": "3.0.0-alpha-3070720230316001",
			
 
				+    "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070720230316001",
			
 
				+    "@vue/tsconfig": "^0.1.3",
			
 
				+    "sass": "^1.63.4",
			
 
				+    "sass-loader": "^10.4.1",
			
 
				+    "typescript": "^4.9.4",
			
 
				+    "vite": "4.0.4",
			
 
				+    "vue-tsc": "^1.0.24"
			
 
				+  }
			
 
				+}
			
--- a/小程序/jingtailan/project.config.json
+++ b/小程序/jingtailan/project.config.json
@@ -0,0 +1,29 @@
 
				+{
			
 
				+    "appid": "wxbf5bad7c11ef4b33",
			
 
				+    "compileType": "miniprogram",
			
 
				+    "libVersion": "2.32.2",
			
 
				+    "packOptions": {
			
 
				+        "ignore": [],
			
 
				+        "include": []
			
 
				+    },
			
 
				+    "setting": {
			
 
				+        "coverView": true,
			
 
				+        "es6": true,
			
 
				+        "postcss": true,
			
 
				+        "minified": true,
			
 
				+        "enhance": true,
			
 
				+        "showShadowRootInWxmlPanel": true,
			
 
				+        "packNpmRelationList": [],
			
 
				+        "babelSetting": {
			
 
				+            "ignore": [],
			
 
				+            "disablePlugins": [],
			
 
				+            "outputPath": ""
			
 
				+        },
			
 
				+        "condition": false
			
 
				+    },
			
 
				+    "condition": {},
			
 
				+    "editorSetting": {
			
 
				+        "tabIndent": "insertSpaces",
			
 
				+        "tabSize": 4
			
 
				+    }
			
 
				+}
			
--- a/小程序/jingtailan/project.private.config.json
+++ b/小程序/jingtailan/project.private.config.json
@@ -0,0 +1,7 @@
 
				+{
			
 
				+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
			
 
				+    "projectname": "jingtailan",
			
 
				+    "setting": {
			
 
				+        "compileHotReLoad": true
			
 
				+    }
			
 
				+}
			
--- a/小程序/jingtailan/src/App.vue
+++ b/小程序/jingtailan/src/App.vue
@@ -0,0 +1,124 @@
 
				+<script setup lang="ts">
			
 
				+import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
			
 
				+import commonn from "./static/data/common";
			
 
				+
			
 
				+// 背景音乐播放 ios  解决静音模式下音乐无法播放的兼容问题
			
 
				+/**
			
 
				+* 比较wx SDKVersion
			
 
				+* @param {String} v1 版本字符串
			
 
				+* @param {String} v2 版本字符串
			
 
				+* @returns {Number} v1>v2，返回1；v1<v2，返回-1；v1==v2，返回0
			
 
				+*/
			
 
				+const compareVersion = (v1: any, v2: any) => {
			
 
				+  v1 = v1.split('.');
			
 
				+  v2 = v2.split('.');
			
 
				+  const len = Math.max(v1.length, v2.length);
			
 
				+  while (v1.length < len) {
			
 
				+    v1.push('0');
			
 
				+  }
			
 
				+  while (v2.length < len) {
			
 
				+    v2.push('0');
			
 
				+  }
			
 
				+  for (let i = 0; i < len; i++) {
			
 
				+    const num1 = parseInt(v1[i]);
			
 
				+    const num2 = parseInt(v2[i]);
			
 
				+    if (num1 > num2) {
			
 
				+      return 1;
			
 
				+    }
			
 
				+    if (num1 < num2) {
			
 
				+      return -1;
			
 
				+    }
			
 
				+  }
			
 
				+  return 0;
			
 
				+}
			
 
				+
			
 
				+const canIUseWxAudio = () => {
			
 
				+  const version = wx.getSystemInfoSync().SDKVersion;
			
 
				+  if (compareVersion(version, '2.3.0') >= 0) {
			
 
				+    wx.setInnerAudioOption({
			
 
				+      obeyMuteSwitch: false
			
 
				+    })
			
 
				+  } else {
			
 
				+    wx.showModal({
			
 
				+      title: '提示',
			
 
				+      content: '当前微信版本过低，手机开启静音模式下可能会导致播放音频失败。'
			
 
				+    })
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 项目禁止在PC使用，只能使用手机使用
			
 
				+const onlyPhone = () => {
			
 
				+  try {
			
 
				+    const res = wx.getSystemInfoSync()
			
 
				+    if (res.platform == 'windows' || res.platform == 'mac' ) {
			
 
				+      wx.showModal({
			
 
				+        title: '温馨提示!',
			
 
				+        content: '请使用手机端打开',
			
 
				+        showCancel: false,
			
 
				+        success(res) {
			
 
				+          wx.exitMiniProgram()//关闭当前小程序
			
 
				+        }
			
 
				+      });
			
 
				+      return;
			
 
				+    }
			
 
				+  } catch (e) {
			
 
				+  }
			
 
				+}
			
 
				+onLaunch(() => {
			
 
				+  console.log("App Launch");
			
 
				+  // 存放首次进入
			
 
				+  uni.setStorageSync('FIRST_KEY', 1);
			
 
				+});
			
 
				+onShow(() => {
			
 
				+  onlyPhone()
			
 
				+  canIUseWxAudio()
			
 
				+  commonn.innerAudioContext.src = 'https://houseoss.4dkankan.com/project/bjfljtl/audio/bgMusic.mp3'
			
 
				+  commonn.innerAudioContext.autoplay = true
			
 
				+  commonn.innerAudioContext.loop = true
			
 
				+  commonn.innerAudioContext.play()
			
 
				+  // commonn.innerAudioContext.onPlay(() => {
			
 
				+  //   // alert('音乐开始播放')
			
 
				+  //   uni.showToast({
			
 
				+  //     title: "音乐开始播放",
			
 
				+  //     icon: "none",
			
 
				+  //     duration: 1000,
			
 
				+  //   });
			
 
				+  // })
			
 
				+  // commonn.innerAudioContext.onError((err: any) => {
			
 
				+  //   uni.showToast({
			
 
				+  //     title: err,
			
 
				+  //     icon: "none",
			
 
				+  //     duration: 1000,
			
 
				+  //   });
			
 
				+  // })
			
 
				+  commonn.musicSta = true
			
 
				+});
			
 
				+onHide(() => {
			
 
				+  console.log("App Hide");
			
 
				+});
			
 
				+</script>
			
 
				+<style>
			
 
				+@font-face {
			
 
				+  font-family: "SOURCEHANSERIFCN-BOLD";
			
 
				+  /* 字体名称 */
			
 
				+  src: url("https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/SOURCEHANSERIFCN-BOLD.oft");
			
 
				+  /* 字体文件相对路径 */
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+  background: #F7F1E6;
			
 
				+  width: 100vw;
			
 
				+  /* height: 100vh; */
			
 
				+}
			
 
				+
			
 
				+
			
 
				+wx-swiper .wx-swiper-dot {
			
 
				+  position: relative;
			
 
				+  bottom: 24rpx;
			
 
				+}
			
 
				+
			
 
				+uni-tabbar,
			
 
				+uni-tabbar .uni-tabbar {
			
 
				+  box-shadow: 0px -2px 10px 0px rgba(132, 85, 250, 0.82);
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/api/api/analyse/index.ts
+++ b/小程序/jingtailan/src/api/api/analyse/index.ts
@@ -0,0 +1,17 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const AnalyseApi = {
			
 
				+  // 赏析列表
			
 
				+  getAnalyseList: () => request("/wxShow/config/getAppreciate", "GET", {}),
			
 
				+
			
 
				+  // 赏析详情
			
 
				+  getAnalyseDetail: (id: Number) =>
			
 
				+    request(`/wxShow/config/detail/${id}`, "GET", {}),
			
 
				+
			
 
				+  // 藏品列表
			
 
				+  getGoodsList: (data: any) => request(`/wxShow/goods/pageList/`, "POST", data),
			
 
				+
			
 
				+  // 藏品详情
			
 
				+  getGoodDetail: (id: Number) =>
			
 
				+    request(`/wxShow/goods/detail/${id}`, "GET", {}),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/explore/craft/index.ts
+++ b/小程序/jingtailan/src/api/api/explore/craft/index.ts
@@ -0,0 +1,11 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const CraftApi = {
			
 
				+  // 获得工艺列表
			
 
				+  getCraftList: (data: any) =>
			
 
				+    request("/wxShow/craft/pageList", "POST", data),
			
 
				+
			
 
				+  // 获得工艺细节
			
 
				+  getCraftDetail: (id: Number) =>
			
 
				+    request(`/wxShow/craft/detail/${id}`, "GET", { }),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/explore/gift/index.ts
+++ b/小程序/jingtailan/src/api/api/explore/gift/index.ts
@@ -0,0 +1,7 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const GiftApi = {
			
 
				+  // 获得国礼详情
			
 
				+  getGoodDetail: (id: Number) =>
			
 
				+    request(`/wxShow/config/detail/${id}`, "GET", {}),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/explore/great/index.ts
+++ b/小程序/jingtailan/src/api/api/explore/great/index.ts
@@ -0,0 +1,11 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const GreatApi = {
			
 
				+  // 大师列表
			
 
				+  getGreatList: (data: any) =>
			
 
				+    request("/wxShow/master/pageList", "POST", data),
			
 
				+
			
 
				+  // 大师详情
			
 
				+  getGreatDetail: (id: Number) =>
			
 
				+    request(`/wxShow/master/detail/${id}`, "GET", { }),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/explore/index.ts
+++ b/小程序/jingtailan/src/api/api/explore/index.ts
@@ -0,0 +1,12 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const ExploreApi = {
			
 
				+  // 获得探索菜单
			
 
				+  getExplore: () => request("/wxShow/config/getExplore", "GET", {}),
			
 
				+
			
 
				+  getModelList: (data: any) => request("/wxShow/block/pageList", "POST", data),
			
 
				+ 
			
 
				+  // 获得国礼详情
			
 
				+  getModelDetail: (id: Number) =>
			
 
				+    request(`/wxShow/block/detail/${id}`, "GET", {}),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/home/index.ts
+++ b/小程序/jingtailan/src/api/api/home/index.ts
@@ -0,0 +1,12 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const HomeApi = {
			
 
				+  // 获得探索菜单
			
 
				+  getExplore: () => request("/wxShow/config/getExplore", "GET", {}),
			
 
				+  // 统计浏览量
			
 
				+  sendVisit: () =>
			
 
				+    request("/wxShow/trend/saveType", "POST", {
			
 
				+      num: "wxfalangchang",
			
 
				+      type: "visit",
			
 
				+    }),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/login/index.ts
+++ b/小程序/jingtailan/src/api/api/login/index.ts
@@ -0,0 +1,11 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const LogonApi = {
			
 
				+  // 检查登录
			
 
				+  checkToken: () => request("/wx/checkToken", "GET", {}),
			
 
				+
			
 
				+  // 授权登录
			
 
				+  login: (code: any) => request(`/wx/login/${code}`,"GET",{})
			
 
				+};
			
 
				+
			
 
				+
			
--- a/小程序/jingtailan/src/api/api/mine/index.ts
+++ b/小程序/jingtailan/src/api/api/mine/index.ts
@@ -0,0 +1,35 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const MineApi = {
			
 
				+  // 文物收藏
			
 
				+  getGoodstList: (data: any) => request("/cms/my/goods/pageList", "POST", data),
			
 
				+
			
 
				+  // 内容收藏
			
 
				+  getContentList: (data: any) =>
			
 
				+    request("/cms/my/collect/pageList", "POST", data),
			
 
				+
			
 
				+  // 提交留言
			
 
				+  submitMeg: (content: String, nickName: String) =>
			
 
				+    request(`/cms/my/msg?content=${content}&nickName=${nickName}`, "POST", {}),
			
 
				+
			
 
				+  // 收藏行为
			
 
				+  collectUpdate: (data: any) => request("/cms/my/collectUpdate", "POST", data),
			
 
				+
			
 
				+  // 检查koten
			
 
				+  checkToken: () => request("/wx/checkToken", "GET", {}),
			
 
				+
			
 
				+  // 更新用户信息
			
 
				+  getUserInfo: () => request("/cms/my/getUserInfo", "GET", {}),
			
 
				+
			
 
				+  // 更新用户信息
			
 
				+  updateUser: (data: any) => request("/cms/my/update", "POST", data),
			
 
				+
			
 
				+  // 用户微信头像上传
			
 
				+  uploadAvatarUrl: (data: any) => request("/cms/my/upload", "POST", data),
			
 
				+
			
 
				+  // 收藏详情
			
 
				+  collectDetail: (data: any) => request("/cms/my/collect/detail", "POST", data),
			
 
				+
			
 
				+  // 第三方平台详情信息
			
 
				+  tripartiteList:() => request("/wxShow/platform", "POST", {})
			
 
				+};
			
--- a/小程序/jingtailan/src/api/api/visit/index.ts
+++ b/小程序/jingtailan/src/api/api/visit/index.ts
@@ -0,0 +1,18 @@
 
				+import { request } from "@/api/request";
			
 
				+
			
 
				+export const VisitApi = {
			
 
				+  // 获取历史json数据
			
 
				+  getHistoryData: () =>
			
 
				+    request(
			
 
				+      "https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/history.json",
			
 
				+      "GET",
			
 
				+      {}
			
 
				+    ),
			
 
				+  // 获得公司简介
			
 
				+  getCompanyProfile: () => request("/wxShow/block/company", "GET", {}),
			
 
				+  // 获得公司历史年代专题
			
 
				+  getChronology: () => request("/wxShow/getDictAge", "GET", {}),
			
 
				+  // 获得年代专题下的各事件
			
 
				+  getLogsList: (id: number) =>
			
 
				+    request(`/wxShow/companyHistory/${id}`, "POST", {}),
			
 
				+};
			
--- a/小程序/jingtailan/src/api/record.ts
+++ b/小程序/jingtailan/src/api/record.ts
@@ -0,0 +1 @@
 
				+export const baseIMGUrl ='https://houseoss.4dkankan.com/project/bjfljtl/img'
			
--- a/小程序/jingtailan/src/api/request.ts
+++ b/小程序/jingtailan/src/api/request.ts
@@ -0,0 +1,106 @@
 
				+import { MineApi } from "./api/mine";
			
 
				+
			
 
				+//设置基地址
			
 
				+export const baseUrl = "https://wxfalangchang.4dage.com/api";
			
 
				+export const baseIMGUrl = "https://wxfalangchang.4dage.com";
			
 
				+
			
 
				+//封装请求
			
 
				+function request(
			
 
				+  url: string,
			
 
				+  method: "GET" | "POST",
			
 
				+  data: string | object | ArrayBuffer
			
 
				+) {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    let token = uni.getStorageSync("JTL_token");
			
 
				+    //发起uni请求
			
 
				+    uni.request({
			
 
				+      url: baseUrl + url, //路径
			
 
				+      method,
			
 
				+      data,
			
 
				+      header: {
			
 
				+        // 根据实际接口设计 key 取 token 或者 authorization
			
 
				+        token: token,
			
 
				+        "Content-Type": "application/json",
			
 
				+      },
			
 
				+      //进入接口成功
			
 
				+      success: (res) => {
			
 
				+        if (res.statusCode == 200) {
			
 
				+          if (res.data.code === 5001 || res.data.code === 5002) {
			
 
				+            uni.showToast({
			
 
				+              title: "信息过期,请重新登录",
			
 
				+              icon: "none",
			
 
				+              duration: 1000,
			
 
				+            });
			
 
				+            setTimeout(async () => {
			
 
				+              // 身份过期了要移除
			
 
				+              uni.removeStorage({
			
 
				+                key: "JTL_token",
			
 
				+              });
			
 
				+              uni.removeStorage({
			
 
				+                key: "JTL_userInfo",
			
 
				+              });
			
 
				+              const pages = getCurrentPages();
			
 
				+              let currentPage = pages[pages.length - 1];
			
 
				+              if (currentPage.route != "pages/mine/index") {
			
 
				+                uni.reLaunch({
			
 
				+                  url: "/pages/mine/index",
			
 
				+                });
			
 
				+              }
			
 
				+            }, 300);
			
 
				+          } else {
			
 
				+            resolve(res);
			
 
				+          }
			
 
				+        } else if (res.statusCode == 5001) {
			
 
				+          resolve(res);
			
 
				+        } else if (res.statusCode == 500) {
			
 
				+          uni.showToast({
			
 
				+            title: "服务器错误",
			
 
				+            icon: "none",
			
 
				+            duration: 1000,
			
 
				+          });
			
 
				+          resolve(res);
			
 
				+        } else if (res.statusCode == 202) {
			
 
				+          uni.showToast({
			
 
				+            title: "服务器错误",
			
 
				+            icon: "none",
			
 
				+            duration: 1000,
			
 
				+          });
			
 
				+          resolve(res);
			
 
				+        } else {
			
 
				+          uni.showToast({
			
 
				+            title: "服务器错误",
			
 
				+            icon: "none",
			
 
				+            duration: 1000,
			
 
				+          });
			
 
				+          resolve(res);
			
 
				+        }
			
 
				+      },
			
 
				+      // 进入接口失败
			
 
				+      fail: (err) => {
			
 
				+        uni.showToast({
			
 
				+          title: "服务器错误",
			
 
				+          icon: "none",
			
 
				+          duration: 1000,
			
 
				+        });
			
 
				+        reject(err);
			
 
				+      },
			
 
				+    });
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+// 加载器开关
			
 
				+
			
 
				+// 封装全局请求拦截器
			
 
				+uni.addInterceptor("request", {
			
 
				+  // 请求之前的一些处理操作
			
 
				+  invoke(requestConfig: any) {
			
 
				+    uni.showLoading({
			
 
				+      title: "请稍等...",
			
 
				+    });
			
 
				+  },
			
 
				+  success() {
			
 
				+    uni.hideLoading();
			
 
				+  },
			
 
				+});
			
 
				+//抛出
			
 
				+export { request };
			
--- a/小程序/jingtailan/src/components/ModelDeatil
+++ b/小程序/jingtailan/src/components/ModelDeatil
@@ -0,0 +1,191 @@
 
				+<script setup lang="ts">
			
 
				+import { ref } from "vue";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+import { onMounted } from "vue";
			
 
				+
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  detail: {
			
 
				+    type: Object,
			
 
				+    default: {},
			
 
				+  },
			
 
				+  type: {
			
 
				+    type: String,
			
 
				+    default: "craft",
			
 
				+  },
			
 
				+  modelId: {
			
 
				+    type: Number,
			
 
				+    default: 0,
			
 
				+  },
			
 
				+});
			
 
				+
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  console.log("经过了判断");
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getContentList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+  setTimeout(async () => {
			
 
				+    if (res.data.code === 0) {
			
 
				+      const greatList = await res.data.data.records.find((item: any) => {
			
 
				+        return item.moduleId == props.modelId;
			
 
				+      });
			
 
				+      if (greatList) {
			
 
				+        isCollectedInfo.value = true;
			
 
				+        return;
			
 
				+      }
			
 
				+      return;
			
 
				+    } else {
			
 
				+      return;
			
 
				+    }
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+const isCollectedInfo = ref(false);
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: props.type,
			
 
				+  name: "",
			
 
				+});
			
 
				+
			
 
				+// 收藏
			
 
				+const collect = async () => {
			
 
				+  isCollectedInfo.value = !isCollectedInfo.value;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = props.detail.entity.id;
			
 
				+  data.value.name = props.detail.entity.name;
			
 
				+  // 检查token
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value);
			
 
				+    if (res.data.code === 0) {
			
 
				+      uni.showToast({
			
 
				+        title: isCollectedInfo.value ? "收藏成功" : "取消成功",
			
 
				+        icon: "none",
			
 
				+      });
			
 
				+    }
			
 
				+  } else {
			
 
				+    console.log('输出详情页面')
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 图片单张预览
			
 
				+const previewImg = (previewImgUrl: String) => {
			
 
				+  let _this = this;
			
 
				+  let imgsArray = [];
			
 
				+  //根据api拼接
			
 
				+  imgsArray[0] = baseIMGUrl + previewImgUrl;
			
 
				+  uni.previewImage({
			
 
				+    current: 0,
			
 
				+    urls: imgsArray,
			
 
				+    showmenu: false
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  isCollected();
			
 
				+  console.log(props.detail.entity.content);
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all" v-if="JSON.stringify(detail) != '{}'">
			
 
				+    <view class="top" v-if="detail.entity?.video != ''">
			
 
				+      <video :src="detail.entity?.video ? baseIMGUrl + detail.entity?.video : ''"></video>
			
 
				+    </view>
			
 
				+    <view class="bottom">
			
 
				+      <view class="bottom-title">{{ detail.entity?.name }}</view>
			
 
				+      <view class="bottom-text">{{ detail.entity?.content }}</view>
			
 
				+      <image :src="baseIMGUrl + item.filePath" mode="widthFix" v-for="item in detail.file" :key="item.id"
			
 
				+        @tap="previewImg(item.filePath)" />
			
 
				+    </view>
			
 
				+    <view class="levitated-box">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`
			
 
				+        " mode="scaleToFill" @tap="collect" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100%;
			
 
				+  height: 100vh;
			
 
				+  background: #f7f1e6;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 35vh;
			
 
				+
			
 
				+    video {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 10px 40px;
			
 
				+    background: #f7f1e6;
			
 
				+    position: relative;
			
 
				+
			
 
				+    &-title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      margin-bottom: 20px;
			
 
				+    }
			
 
				+
			
 
				+    &-text {
			
 
				+      font-size: 12px;
			
 
				+      line-height: 23px;
			
 
				+      margin-bottom: 20px;
			
 
				+      white-space: pre-wrap;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+  }
			
 
				+
			
 
				+  // 悬浮球
			
 
				+  .levitated-box {
			
 
				+    background-color: #00000080;
			
 
				+    border-radius: 50px;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    padding: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    right: 30px;
			
 
				+    bottom: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/ModelDeatil.vue
+++ b/小程序/jingtailan/src/components/ModelDeatil.vue
@@ -0,0 +1,282 @@
 
				+<script setup lang="ts">
			
 
				+import { nextTick, ref, computed, watch } from "vue";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import commonn from "@/static/data/common";
			
 
				+
			
 
				+
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+import { onMounted } from "vue";
			
 
				+import { onShow } from "@dcloudio/uni-app";
			
 
				+import { onUnmounted } from "vue";
			
 
				+
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  detail: {
			
 
				+    type: Object,
			
 
				+    default: {
			
 
				+      name: 'aa'
			
 
				+    },
			
 
				+  },
			
 
				+  type: {
			
 
				+    type: String,
			
 
				+    default: "craft",
			
 
				+  },
			
 
				+  modelId: {
			
 
				+    type: Number,
			
 
				+    default: 0,
			
 
				+  },
			
 
				+});
			
 
				+
			
 
				+// const { detailF, typeF, modelIdF } = props
			
 
				+
			
 
				+const detailF = ref({})
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+
			
 
				+let audio = null as any
			
 
				+// const playAudio = () => {
			
 
				+//   audio = uni.createInnerAudioContext()
			
 
				+//   musicStaRe.value = commonn.musicSta
			
 
				+//   if (musicStaRe.value) {
			
 
				+//     // 先暂停背景音频
			
 
				+//     commonn.innerAudioContext.pause()
			
 
				+//     commonn.musicSta = false
			
 
				+//   }
			
 
				+//   // 设置播放音频链接
			
 
				+
			
 
				+//   audio.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/B1Seek/${detailF.value.entity.name}.mp3`;
			
 
				+//   audio.autoplay = true
			
 
				+//   audio.play()
			
 
				+//   audio.onPlay(() => {
			
 
				+//     console.log('在播啦')
			
 
				+//   })
			
 
				+//   // audio.play()
			
 
				+
			
 
				+//   // commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/B1Seek/${detailF.value.entity.name}.mp3`;
			
 
				+//   // console.log(commonn.introAudioContext.src)
			
 
				+//   // commonn.introAudioContext.currentTime = 0
			
 
				+//   // commonn.introAudioContext.play()
			
 
				+// }
			
 
				+
			
 
				+// watch(props, (newVal: any) => {
			
 
				+//   if (newVal) {
			
 
				+//     detailF.value = newVal.detail
			
 
				+//     console.log(newVal.detail.entity.name)
			
 
				+//     if (newVal.detail.entity.name == '四面方尊' || newVal.detail.entity.name == '民族团结' || newVal.detail.entity.name == '盛世欢歌') {
			
 
				+//       playAudio()
			
 
				+//     }
			
 
				+//   }
			
 
				+// }, { immediate: true })
			
 
				+
			
 
				+
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  console.log("经过了判断");
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getContentList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+  setTimeout(async () => {
			
 
				+    if (res.data.code === 0) {
			
 
				+      const greatList = await res.data.data.records.find((item: any) => {
			
 
				+        return item.moduleId == props.modelId;
			
 
				+      });
			
 
				+      if (greatList) {
			
 
				+        isCollectedInfo.value = true;
			
 
				+        return;
			
 
				+      }
			
 
				+      return;
			
 
				+    } else {
			
 
				+      return;
			
 
				+    }
			
 
				+  }, 50);
			
 
				+};
			
 
				+
			
 
				+const isCollectedInfo = ref(false);
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: props.type,
			
 
				+  name: "",
			
 
				+});
			
 
				+
			
 
				+// 收藏
			
 
				+const collect = async () => {
			
 
				+  isCollectedInfo.value = !isCollectedInfo.value;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = props.detail.entity.id;
			
 
				+  data.value.name = props.detail.entity.name;
			
 
				+  // 检查token
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value);
			
 
				+    if (res.data.code === 0) {
			
 
				+      uni.showToast({
			
 
				+        title: isCollectedInfo.value ? "收藏成功" : "取消成功",
			
 
				+        icon: "none",
			
 
				+      });
			
 
				+    }
			
 
				+  } else {
			
 
				+    console.log("输出详情页面");
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 图片单张预览
			
 
				+const previewImg = (previewImgUrl: String) => {
			
 
				+  let _this = this;
			
 
				+  let imgsArray = [];
			
 
				+  //根据api拼接
			
 
				+  imgsArray[0] = baseIMGUrl + previewImgUrl;
			
 
				+  uni.previewImage({
			
 
				+    current: 0,
			
 
				+    urls: imgsArray,
			
 
				+    showmenu: false
			
 
				+
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+
			
 
				+nextTick(() => {
			
 
				+})
			
 
				+onShow(() => {
			
 
				+  console.log(props.detail, props.modelId,props.type)
			
 
				+})
			
 
				+onMounted(() => {
			
 
				+  isCollected();
			
 
				+  // console.log(JSON.parse(JSON.stringify(JSON.parse(JSON.stringify(props)).detail)).nane, props, props.modelId, props.type)
			
 
				+  // setTimeout(() => {
			
 
				+  //   detailF.value = props.detail
			
 
				+  //   if (detailF.value.entity.name == '四面方尊' || detailF.value.entity.name == '民族团结' || detailF.value.entity.name == '盛世欢歌') {
			
 
				+  //     audio = uni.createInnerAudioContext()
			
 
				+  //     musicStaRe.value = commonn.musicSta
			
 
				+  //     if (musicStaRe.value) {
			
 
				+  //       // 先暂停背景音频
			
 
				+  //       commonn.innerAudioContext.pause()
			
 
				+  //       commonn.musicSta = false
			
 
				+  //     }
			
 
				+  //     // 设置播放音频链接
			
 
				+  //     audio.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/B1Seek/${detailF.value.entity.name}.mp3`;
			
 
				+  //     setTimeout(() => {
			
 
				+  //       console.log(audio.src)
			
 
				+  //       audio.autoplay = true
			
 
				+  //       audio.play()
			
 
				+  //     },50)
			
 
				+  //   }
			
 
				+  // }, 100)
			
 
				+
			
 
				+
			
 
				+});
			
 
				+
			
 
				+// onUnmounted(() => {
			
 
				+//   console.log(musicStaRe.value)
			
 
				+//   if (musicStaRe.value) {
			
 
				+//     commonn.innerAudioContext.play()
			
 
				+//     commonn.musicSta = true
			
 
				+//   }
			
 
				+//   audio.pause()
			
 
				+//   audio.src = ''
			
 
				+//   audio.currentTime = 0
			
 
				+//   audio = null
			
 
				+// })
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all" v-if="JSON.stringify(detail) != '{}'">
			
 
				+    <view class="top" v-if="detail.entity?.video != ''">
			
 
				+      <video :src="detail.entity?.video ? baseIMGUrl + detail.entity?.video : ''" @play="() => {
			
 
				+        commonn.introAudioContext.pause()
			
 
				+      }"
			
 
				+        @pause="() => { commonn.introAudioContext.play(), commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/${props.type === 'block' ? 'B1Seek' : ''}/${detail.entity.name}.mp3`; }"></video>
			
 
				+    </view>
			
 
				+    <view class="bottom">
			
 
				+      <view class="bottom-title">{{ detail.entity?.name }}</view>
			
 
				+      <view class="bottom-text">{{ detail.entity?.content }}</view>
			
 
				+      <image :src="baseIMGUrl + item.filePath" mode="widthFix" v-for="item in detail.file" :key="item.id"
			
 
				+        @tap="previewImg(item.filePath)" />
			
 
				+    </view>
			
 
				+    <view class="levitated-box">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`
			
 
				+        " mode="scaleToFill" @tap="collect" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100%;
			
 
				+  height: 100vh;
			
 
				+  background: #f7f1e6;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 35vh;
			
 
				+
			
 
				+    video {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 10px 40px;
			
 
				+    background: #f7f1e6;
			
 
				+    position: relative;
			
 
				+
			
 
				+    &-title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      margin-bottom: 20px;
			
 
				+    }
			
 
				+
			
 
				+    &-text {
			
 
				+      font-size: 12px;
			
 
				+      line-height: 23px;
			
 
				+      margin-bottom: 20px;
			
 
				+      white-space: pre-wrap;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+  }
			
 
				+
			
 
				+  // 悬浮球
			
 
				+  .levitated-box {
			
 
				+    background-color: #00000080;
			
 
				+    border-radius: 50px;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    padding: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    right: 30px;
			
 
				+    bottom: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/PageList.vue
+++ b/小程序/jingtailan/src/components/PageList.vue
@@ -0,0 +1,106 @@
 
				+<script setup lang='ts'>
			
 
				+import { baseIMGUrl } from '@/api/request'
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  background: {
			
 
				+    type: Array<any>,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  list: {
			
 
				+    type: Array<any>,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  next: {
			
 
				+    type: String,
			
 
				+    default: ""
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const goTo = (path: String, id?: Number) => {
			
 
				+  uni.navigateTo({ url: path + '?id=' + id })
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <view class="top">
			
 
				+      <!-- <image :src="background" mode="widthFix" /> -->
			
 
				+      <swiper class="swiper-box" :indicator-dots="background.length > 1 ? true : false" indicator-color="#b9b9b96c"
			
 
				+        indicator-active-color="#000000" circular autoplay>
			
 
				+        <swiper-item v-for="item in background" :key="item.id">
			
 
				+          <image height="100%" :src="item" mode="aspectFill"></image>
			
 
				+        </swiper-item>
			
 
				+      </swiper>
			
 
				+    </view>
			
 
				+    <view class="bottom">
			
 
				+      <view v-for="(item, index) in list" :key="index" class="bottom-item" >
			
 
				+        <image :src="item?.thumb ? baseIMGUrl + item?.thumb : item.path" mode="aspectFit" @tap="goTo(next, item?.id)" />
			
 
				+        <view class="text">{{ item?.text }}</view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+.all {
			
 
				+  width: 100%;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 35vh;
			
 
				+
			
 
				+    .swiper-box {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+
			
 
				+      image {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    margin-top: -15px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 20px;
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    background: #F7F1E6;
			
 
				+
			
 
				+    position: absolute;
			
 
				+    z-index: 2;
			
 
				+    min-height: calc(65vh + 15px);
			
 
				+
			
 
				+    // 两列
			
 
				+    display: grid;
			
 
				+    grid-template-columns: repeat(2, 50%);
			
 
				+    grid-column-gap: 10px;
			
 
				+    grid-row-gap: 5px;
			
 
				+
			
 
				+    &-item {
			
 
				+      background: white;
			
 
				+      border-radius: 5px;
			
 
				+      height: 42vw;
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    image {
			
 
				+      max-height: 300rpx;
			
 
				+    }
			
 
				+
			
 
				+    .text {
			
 
				+      font-size: 12px;
			
 
				+      color: #00000080;
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+    border-radius: 4px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/PageListNoRow.vue
+++ b/小程序/jingtailan/src/components/PageListNoRow.vue
@@ -0,0 +1,208 @@
 
				+<script setup lang="ts">
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+import { ref, watch } from "vue";
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  background: {
			
 
				+    type: Array<any>,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  list: {
			
 
				+    type: Array<any>,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  next: {
			
 
				+    type: String,
			
 
				+    default: "",
			
 
				+  },
			
 
				+});
			
 
				+
			
 
				+const time = ref(0)
			
 
				+
			
 
				+
			
 
				+// 开场动画
			
 
				+const isAnimal = ref(false)
			
 
				+
			
 
				+// 图片阴影动画
			
 
				+const isPicAnimal = ref(false)
			
 
				+
			
 
				+
			
 
				+watch(time, (newVal, oldVal) => {
			
 
				+  Number(newVal) <= 6 ? (isPicAnimal.value = true, setTimeout(() => { isPicAnimal.value = false; time.value += 1 }, 200)) : ''
			
 
				+});
			
 
				+
			
 
				+const goTo = (path: String, id?: Number) => {
			
 
				+  uni.navigateTo({ url: path + "?id=" + id });
			
 
				+};
			
 
				+onLoad(() => {
			
 
				+  isAnimal.value = true
			
 
				+  setTimeout(() => {
			
 
				+    isAnimal.value = false
			
 
				+  }, 500)
			
 
				+  isPicAnimal.value = true
			
 
				+  setTimeout(() => {
			
 
				+    isPicAnimal.value = false
			
 
				+    time.value += 1
			
 
				+  }, 100)
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all" v-on:load="true">
			
 
				+    <view class="top">
			
 
				+      <!-- <image :src="background" mode="widthFix" /> -->
			
 
				+      <image height="100%" :src="background[0]" mode="aspectFill" class="openAnimal"></image>
			
 
				+
			
 
				+      <!-- <swiper class="swiper-box" :indicator-dots="background.length > 1 ? true : false" indicator-color="#b9b9b96c"
			
 
				+        indicator-active-color="#000000" circular autoplay>
			
 
				+        <swiper-item v-for="item in background" :key="item.id">
			
 
				+          <image height="100%" :src="item" mode="aspectFill"></image>
			
 
				+        </swiper-item>
			
 
				+      </swiper> -->
			
 
				+    </view>
			
 
				+    <view class="bottom" :class="{ 'animaled': isAnimal }">
			
 
				+      <view class="bottom-item" :class="{ 'item-animal': isAnimal }" v-for="(item, index) in list" :key="index" :style="{
			
 
				+        marginBottom:
			
 
				+          index === list.length - 1 ? '' : item?.text ? '10px' : '',
			
 
				+      }">
			
 
				+        <image :src="item?.thumb ? baseIMGUrl + item?.thumb : item.path" mode="aspectFill" @tap="goTo(next, item?.id)"
			
 
				+          :class="{ 'pic-animal': isPicAnimal && time === (index + 1) }" />
			
 
				+        <view class="text">{{ item?.text }}</view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100%;
			
 
				+  background: #f7f1e6;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 35vh;
			
 
				+
			
 
				+    .openAnimal {
			
 
				+      animation: openAnimation 1.5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes openAnimation {
			
 
				+      0% {
			
 
				+        opacity: 0;
			
 
				+      }
			
 
				+
			
 
				+      50% {
			
 
				+        opacity: 0.5;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        opacity: 1;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .swiper-box {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+
			
 
				+      image {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    margin-top: -15px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 20px;
			
 
				+    padding-top: 30px;
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    background: #f7f1e6;
			
 
				+    position: absolute;
			
 
				+    z-index: 2;
			
 
				+    min-height: calc(65vh + 15px);
			
 
				+    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+
			
 
				+    .bottom-item {
			
 
				+      margin-bottom: 20px;
			
 
				+
			
 
				+      .pic-animal {
			
 
				+        animation: animateingPic .7s;
			
 
				+      }
			
 
				+
			
 
				+      @keyframes animateingPic {
			
 
				+        0% {
			
 
				+          box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0);
			
 
				+        }
			
 
				+
			
 
				+        50% {
			
 
				+          box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.788);
			
 
				+        }
			
 
				+
			
 
				+        100% {
			
 
				+          box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.5411764706);
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+    image {
			
 
				+      max-height: 300rpx;
			
 
				+      box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.116);
			
 
				+    }
			
 
				+
			
 
				+    .item-animal {
			
 
				+      animation: animateingItem .7s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes animateingItem {
			
 
				+      0% {
			
 
				+        margin-top: 40px;
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        margin-top: 0px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .text {
			
 
				+      font-size: 26rpx;
			
 
				+      color: #00000080;
			
 
				+      margin-top: 2px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .animaled {
			
 
				+    border-radius: 0;
			
 
				+    margin-top: 0px;
			
 
				+    animation: animateing .8s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes animateing {
			
 
				+
			
 
				+    from {
			
 
				+      border-radius: 0;
			
 
				+      margin-top: 0px;
			
 
				+    }
			
 
				+
			
 
				+    to {
			
 
				+      border-radius: 20px 20px 0 0;
			
 
				+      margin-top: -15px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+    border-radius: 4px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/TabBar.vue
+++ b/小程序/jingtailan/src/components/TabBar.vue
@@ -0,0 +1,349 @@
 
				+<script setup lang='ts'>
			
 
				+import { onShow } from '@dcloudio/uni-app';
			
 
				+import { onMounted } from 'vue';
			
 
				+import { ref, watch } from 'vue';
			
 
				+
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  page: {
			
 
				+    type: String,
			
 
				+    default: "homeIndex"
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const selectIndex = ref("")
			
 
				+const curIndex = ref(0)
			
 
				+const tabBarList = ref([] as any)
			
 
				+
			
 
				+const animaled = ref(false)
			
 
				+
			
 
				+// 监听页面发生变化
			
 
				+watch(props.page, (newValue: String) => {
			
 
				+  selectIndex.value = String(newValue)
			
 
				+
			
 
				+}, { immediate: true, deep: true })
			
 
				+
			
 
				+watch(selectIndex, (newValue: String) => {
			
 
				+  console.log('selectIndex')
			
 
				+  // 页面发生变化时，进行动画
			
 
				+  animaled.value = true
			
 
				+  setTimeout(() => {
			
 
				+    animaled.value = false
			
 
				+  }, 1000)
			
 
				+})
			
 
				+
			
 
				+onShow(() => {
			
 
				+  selectIndex.value = props.page
			
 
				+  animaled.value = true
			
 
				+  setTimeout(() => {
			
 
				+    animaled.value = false
			
 
				+  }, 1000)
			
 
				+})
			
 
				+
			
 
				+// 获取静态资源的base64
			
 
				+const urlToBase64 = (url: string) => {
			
 
				+  let imgBase64 = wx.getFileSystemManager().readFileSync(url, 'base64')
			
 
				+  let base64Url = `data:image/png;base64,${imgBase64}`
			
 
				+  return base64Url
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  console.log(props.page)
			
 
				+  selectIndex.value = props.page
			
 
				+  console.log('开始开始')
			
 
				+  tabBarList.value = [{
			
 
				+    id: 0,
			
 
				+    tabbarName: "今日", //tababr名称
			
 
				+    iconPath: "/static/img/bottomInco/inco1.png", //tabbar icon
			
 
				+    selectIconPath: "/static/img/bottomInco/inco1Ac.png", //tabbar 选择icon
			
 
				+    pageIndex: "/pages/home/index", //页面路径
			
 
				+    classAn: 'https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/animation.png'
			
 
				+  }, {
			
 
				+    id: 1,
			
 
				+    tabbarName: "游览", //tababr名称
			
 
				+    iconPath: "/static/img/bottomInco/inco3.png", //tabbar icon
			
 
				+    selectIconPath: "/static/img/bottomInco/inco3Ac.png", //tabbar 选择icon
			
 
				+    pageIndex: "/pages/visit/index", //页面路径
			
 
				+    classAn: 'https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon2An/animation.png'
			
 
				+
			
 
				+  }, {
			
 
				+    id: 2,
			
 
				+    tabbarName: "探索", //tababr名称
			
 
				+    iconPath: "/static/img/bottomInco/inco2.png", //tabbar icon
			
 
				+    selectIconPath: "/static/img/bottomInco/inco2Ac.png", //tabbar 选择icon
			
 
				+    pageIndex: "/pages/explore/index", //页面路径
			
 
				+    classAn: 'https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon1An/animation.png'
			
 
				+
			
 
				+  }, {
			
 
				+    id: 3,
			
 
				+    tabbarName: "赏析", //tababr名称
			
 
				+    iconPath: "/static/img/bottomInco/inco4.png", //tabbar icon
			
 
				+    selectIconPath: "/static/img/bottomInco/inco4Ac.png", //tabbar 选择icon
			
 
				+    pageIndex: "/pages/analyse/index", //页面路径
			
 
				+    classAn: 'https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon3An/animation.png'
			
 
				+
			
 
				+  }, {
			
 
				+    id: 4,
			
 
				+    tabbarName: "我的", //tababr名称
			
 
				+    iconPath: "/static/img/bottomInco/inco5.png", //tabbar icon
			
 
				+    selectIconPath: "/static/img/bottomInco/inco5Ac.png", //tabbar 选择icon
			
 
				+    pageIndex: "/pages/mine/index", //页面路径
			
 
				+    classAn: 'https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon4An/animation.png'
			
 
				+  },]
			
 
				+
			
 
				+})
			
 
				+
			
 
				+const goPages = (pageIndex: string) => {
			
 
				+  console.log('点击', pageIndex)
			
 
				+  selectIndex.value = pageIndex
			
 
				+  animaled.value = true
			
 
				+  setTimeout(() => {
			
 
				+    animaled.value = false
			
 
				+  }, 1000)
			
 
				+  uni.switchTab({
			
 
				+    url: pageIndex
			
 
				+  })
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="tab_bar">
			
 
				+    <view class="tabbarBox">
			
 
				+      <view class="handleBox" v-for="(item, index) in tabBarList" :key="item.id">
			
 
				+        <view class="menuBox" @click="goPages(item.pageIndex)">
			
 
				+          <view class="menuIcon">
			
 
				+            <div class="img" 
			
 
				+              :style="{ backgroundImage: `url(${urlToBase64(item.selectIconPath)})`, backgroundSize: '250% 250%', backgroundPosition: '50% 50%' }"
			
 
				+              v-if="item.pageIndex == selectIndex"></div>
			
 
				+            <div class="img"
			
 
				+              :style="{ backgroundImage: `url(${urlToBase64(item.iconPath)})`, backgroundSize: '250% 250%', backgroundPosition: '50% 50%' }"
			
 
				+              v-else>
			
 
				+            </div>
			
 
				+            <div class="xuliezhen" v-if="animaled && selectIndex == item.pageIndex"
			
 
				+              :style="{ backgroundImage: `url(${item.classAn})`, backgroundSize: '5000rpx 100%' }"></div>
			
 
				+            <!-- <div class="xuliezhen"></div> -->
			
 
				+            <!-- <div class="xuliezhen" :style="{ backgroundImage: `url(${item.classAn})`, backgroundSize: '5000rpx 100%' }"></div> -->
			
 
				+
			
 
				+
			
 
				+            <!-- <image :class="{ 'icon-animal': animaled }" v-if="item.pageIndex == selectIndex" class="img"
			
 
				+              :src="item.selectIconPath"></image>
			
 
				+            <image v-else class="img" :src="item.iconPath"></image> -->
			
 
				+          </view>
			
 
				+          <view class="menuName">
			
 
				+            <text :class="item.pageIndex == selectIndex ? 'TextColor' : 'Text'">{{ item.tabbarName }}</text>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang='scss' scoped>
			
 
				+$imgCount: 24;
			
 
				+$leftWidth: -1200px;
			
 
				+
			
 
				+
			
 
				+.tab_bar {
			
 
				+  width: 100vw;
			
 
				+  height: 150rpx;
			
 
				+  position: fixed;
			
 
				+  background-color: #FFFAF1;
			
 
				+  bottom: 0;
			
 
				+  /* 模糊大小就是靠的blur这个函数中的数值大小 */
			
 
				+  // backdrop-filter: blur(10px);
			
 
				+  // border-radius: 60rpx;
			
 
				+
			
 
				+  .tabbarBox {
			
 
				+    display: flex;
			
 
				+    margin-top: 20rpx;
			
 
				+    justify-content: space-evenly;
			
 
				+
			
 
				+
			
 
				+    .handleBox {
			
 
				+      width: 20vw;
			
 
				+      height: 110rpx;
			
 
				+
			
 
				+
			
 
				+      .menuBox {
			
 
				+        padding: 0rpx 20rpx;
			
 
				+        width: 120rpx;
			
 
				+        text-align: center;
			
 
				+
			
 
				+        .menuIcon {
			
 
				+          display: flex;
			
 
				+          justify-content: center;
			
 
				+          margin-bottom: 5px;
			
 
				+          position: relative;
			
 
				+
			
 
				+          .xuliezhen {
			
 
				+            position: absolute;
			
 
				+            left: 49.8%;
			
 
				+            top: 49.8%;
			
 
				+            transform: translate(-50%, -50%);
			
 
				+            width: 200rpx;
			
 
				+            height: 200rpx;
			
 
				+            background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/animation.png');
			
 
				+            background-position-x: -5000rpx;
			
 
				+            background-repeat: no-repeat;
			
 
				+            background-size: 5000rpx 100%;
			
 
				+            animation: mouse-in 1s;
			
 
				+            animation-timing-function: steps(25);
			
 
				+            animation-iteration-count: forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes mouse-in {
			
 
				+            from {
			
 
				+              background-position-x: 0rpx;
			
 
				+            }
			
 
				+
			
 
				+            to {
			
 
				+              background-position-x: -5000rpx;
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          // .icon0An {
			
 
				+          //   width: 80rpx;
			
 
				+          //   height: 80rpx;
			
 
				+          //   background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/robot.png');
			
 
				+          //   background-position-x: 0;
			
 
				+          //   background-repeat: no-repeat;
			
 
				+          //   background-size: cover;
			
 
				+          //   animation: mouse-in 1s;
			
 
				+          //   animation-timing-function: steps(60);
			
 
				+          //   animation-iteration-count: forwards;
			
 
				+          //   margin-top: 30%;
			
 
				+          // }
			
 
				+
			
 
				+          // @keyframes mouse-in {
			
 
				+          //   from {
			
 
				+          //     background-position-x: 0;
			
 
				+          //   }
			
 
				+
			
 
				+          //   to {
			
 
				+          //     background-position-x: var(--leftWidth);
			
 
				+          //   }
			
 
				+          // }
			
 
				+
			
 
				+          .icon0An {
			
 
				+            animation: icon0Aning 1s forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes icon0Aning {
			
 
				+            @for $i from 1 through $imgCount {
			
 
				+              #{calc($i * 100%/$imgCount)} {
			
 
				+                // background-image: url(/image/home/animation/#{$i}.png);
			
 
				+                background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/ (' +$i+').png');
			
 
				+                background-size: 200% 200%;
			
 
				+                background-position: 50% 50%;
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .icon1An {
			
 
				+            animation: icon1Aning 1s forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes icon1Aning {
			
 
				+            @for $i from 1 through $imgCount {
			
 
				+              #{calc($i * 100%/$imgCount)} {
			
 
				+                // background-image: url(/image/home/animation/#{$i}.png);
			
 
				+                background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon1An/ (' +$i+').png');
			
 
				+                background-size: 200% 200%;
			
 
				+                background-position: 50% 50%;
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .icon2An {
			
 
				+            animation: icon2Aning 1s forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes icon2Aning {
			
 
				+            @for $i from 1 through $imgCount {
			
 
				+              #{calc($i * 100%/$imgCount)} {
			
 
				+                // background-image: url(/image/home/animation/#{$i}.png);
			
 
				+                background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon2An/ (' +$i+').png');
			
 
				+                background-size: 200% 200%;
			
 
				+                background-position: 50% 50%;
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+
			
 
				+          .icon3An {
			
 
				+            animation: icon3Aning 1s forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes icon3Aning {
			
 
				+            @for $i from 1 through $imgCount {
			
 
				+              #{calc($i * 100%/$imgCount)} {
			
 
				+                // background-image: url(/image/home/animation/#{$i}.png);
			
 
				+                background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/ (' +$i+').png');
			
 
				+                background-size: 100% 100%;
			
 
				+
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .icon4An {
			
 
				+            animation: icon4Aning 1s forwards;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes icon4Aning {
			
 
				+            @for $i from 1 through $imgCount {
			
 
				+              #{calc($i * 100%/$imgCount)} {
			
 
				+                // background-image: url(/image/home/animation/#{$i}.png);
			
 
				+                background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/icon0An/ (' +$i+').png');
			
 
				+                background-size: 100% 100%;
			
 
				+
			
 
				+              }
			
 
				+            }
			
 
				+          }
			
 
				+
			
 
				+          .icon-animal {
			
 
				+            animation: animateing 1s;
			
 
				+          }
			
 
				+
			
 
				+          @keyframes animateing {
			
 
				+
			
 
				+
			
 
				+            0% {
			
 
				+              transform: scale(1);
			
 
				+            }
			
 
				+
			
 
				+            50% {
			
 
				+              transform: scale(1.3);
			
 
				+            }
			
 
				+
			
 
				+            100% {
			
 
				+              transform: scale(1);
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .menuName {
			
 
				+          margin-top: -25rpx;
			
 
				+        }
			
 
				+
			
 
				+        .img {
			
 
				+          width: 80rpx;
			
 
				+          height: 80rpx;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.Text {
			
 
				+  font-size: 24rpx;
			
 
				+  font-family: Cochin, serif;
			
 
				+  font-weight: 900;
			
 
				+  color: rgba(0, 0, 0, 0.7);
			
 
				+}
			
 
				+
			
 
				+.TextColor {
			
 
				+  @extend .Text;
			
 
				+  color: rgba(0, 0, 0, 0.7);
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/TabBarTop.vue
+++ b/小程序/jingtailan/src/components/TabBarTop.vue
@@ -0,0 +1,73 @@
 
				+<script setup lang='ts'>
			
 
				+import * as baseInfo from '@/api/record'
			
 
				+
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  backgroundColor: {
			
 
				+    type: String,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  title: {
			
 
				+    type: String,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  isBack: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  },
			
 
				+  color: {
			
 
				+    type: String,
			
 
				+    defaul: 'black'
			
 
				+  },
			
 
				+  backColor: {
			
 
				+    type: String,
			
 
				+    default: 'white'
			
 
				+  },
			
 
				+  site: {
			
 
				+    type: String,
			
 
				+    default: 'center'
			
 
				+  },
			
 
				+  bottomLine: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+const goBack = () => {
			
 
				+  uni.navigateBack();
			
 
				+}
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view :style="{
			
 
				+    borderBottom: props.bottomLine != '' ? props.bottomLine.toString() : '',
			
 
				+  }">
			
 
				+    <image @tap="goBack()" :style="{
			
 
				+      position: 'absolute',
			
 
				+      top: top + 'px',
			
 
				+      width: height + 'px',
			
 
				+      height: height + 'px',
			
 
				+      marginLeft: '5px',
			
 
				+      zIndex: 99
			
 
				+    }" v-show="isBack" :src="baseInfo.baseIMGUrl + `/bottomInco/back${backColor == 'black' ? '1' : '2'}.png`" />
			
 
				+    <view :style="{
			
 
				+      width: props.site.toString() == 'left' ? 'calc(100% - 40px)' : '100%',
			
 
				+      position: 'fixed',
			
 
				+      top: top + 'px',
			
 
				+      height: height + 'px',
			
 
				+      display: 'flex',
			
 
				+      justifyContent: props.site?.toString(),
			
 
				+      alignItems: 'center',
			
 
				+      fontWeight: 'bold',
			
 
				+      boxSizing:'border-box',
			
 
				+      marginLeft: props.site.toString() == 'left' ? '40px' : '',
			
 
				+      backgroundColor: backgroundColor != '' ? backgroundColor : '',
			
 
				+      color: props.color?.toString()
			
 
				+    }">{{ props.title }}</view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/components/TabBarTopHome.vue
+++ b/小程序/jingtailan/src/components/TabBarTopHome.vue
@@ -0,0 +1,77 @@
 
				+<script setup lang='ts'>
			
 
				+import * as baseInfo from '@/api/record'
			
 
				+
			
 
				+// 传入参数
			
 
				+const props = defineProps({
			
 
				+  backgroundColor: {
			
 
				+    type: String,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  title: {
			
 
				+    type: String,
			
 
				+    default: "",
			
 
				+  },
			
 
				+  isBack: {
			
 
				+    type: Boolean,
			
 
				+    default: false
			
 
				+  },
			
 
				+  color: {
			
 
				+    type: String,
			
 
				+    defaul: 'black'
			
 
				+  },
			
 
				+  backColor: {
			
 
				+    type: String,
			
 
				+    default: 'white'
			
 
				+  },
			
 
				+  site: {
			
 
				+    type: String,
			
 
				+    default: 'center'
			
 
				+  },
			
 
				+  bottomLine: {
			
 
				+    type: String,
			
 
				+    default: ''
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+const goBack = () => {
			
 
				+  uni.navigateBack();
			
 
				+}
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view :style="{
			
 
				+    borderBottom: props.bottomLine != '' ? props.bottomLine.toString() : '',
			
 
				+  }">
			
 
				+    <image @tap="goBack()" :style="{
			
 
				+      position: 'absolute',
			
 
				+      top: top + 'px',
			
 
				+      width: height + 'px',
			
 
				+      height: height + 'px',
			
 
				+      marginLeft: '5px',
			
 
				+      zIndex: 99
			
 
				+    }" v-show="isBack" :src="baseInfo.baseIMGUrl + `/bottomInco/back${backColor == 'black' ? '1' : '2'}.png`" />
			
 
				+    <view :style="{
			
 
				+      width: props.site.toString() == 'left' ? 'calc(100% - 40px)' : '100%',
			
 
				+      position: 'absolute',
			
 
				+      top: top + 'px',
			
 
				+      height: height + 'px',
			
 
				+      display: 'flex',
			
 
				+      justifyContent: props.site?.toString(),
			
 
				+      alignItems: 'center',
			
 
				+      fontWeight: 'bold',
			
 
				+      boxSizing: 'border-box',
			
 
				+      marginLeft: props.site.toString() == 'left' ? '40px' : '',
			
 
				+      backgroundColor: backgroundColor != '' ? backgroundColor : '',
			
 
				+      color: props.color?.toString(),
			
 
				+      zIndex: 99,
			
 
				+    }"><img :style="{
			
 
				+  height: '100%',
			
 
				+  width: '33vw'
			
 
				+}" src="https://houseoss.4dkankan.com/project/bjfljtl/img/bottomInco/title-logo.png" alt="" /></view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/components/mp-html/mp-html.vue
+++ b/小程序/jingtailan/src/components/mp-html/mp-html.vue
@@ -0,0 +1,502 @@
 
				+<template>
			
 
				+  <view id="_root" :class="(selectable ? '_select ' : '') + '_root'" :style="containerStyle">
			
 
				+    <slot v-if="!nodes[0]" />
			
 
				+    <!-- #ifndef APP-PLUS-NVUE -->
			
 
				+    <node v-else :childs="nodes" :opts="[lazyLoad, loadingImg, errorImg, showImgMenu, selectable]" name="span" />
			
 
				+    <!-- #endif -->
			
 
				+    <!-- #ifdef APP-PLUS-NVUE -->
			
 
				+    <web-view ref="web" src="/uni_modules/mp-html/static/app-plus/mp-html/local.html"
			
 
				+      :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
			
 
				+    <!-- #endif -->
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+/**
			
 
				+ * mp-html v2.4.2
			
 
				+ * @description 富文本组件
			
 
				+ * @tutorial https://github.com/jin-yufeng/mp-html
			
 
				+ * @property {String} container-style 容器的样式
			
 
				+ * @property {String} content 用于渲染的 html 字符串
			
 
				+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
			
 
				+ * @property {String} domain 主域名，用于拼接链接
			
 
				+ * @property {String} error-img 图片出错时的占位图链接
			
 
				+ * @property {Boolean} lazy-load 是否开启图片懒加载
			
 
				+ * @property {string} loading-img 图片加载过程中的占位图链接
			
 
				+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
			
 
				+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
			
 
				+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
			
 
				+ * @property {Boolean | String} selectable 是否开启长按复制
			
 
				+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
			
 
				+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
			
 
				+ * @property {Object} tag-style 标签的默认样式
			
 
				+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
			
 
				+ * @event {Function} load dom 结构加载完毕时触发
			
 
				+ * @event {Function} ready 所有图片加载完毕时触发
			
 
				+ * @event {Function} imgtap 图片被点击时触发
			
 
				+ * @event {Function} linktap 链接被点击时触发
			
 
				+ * @event {Function} play 音视频播放时触发
			
 
				+ * @event {Function} error 媒体加载出错时触发
			
 
				+ */
			
 
				+// #ifndef APP-PLUS-NVUE
			
 
				+import node from './node/node'
			
 
				+// #endif
			
 
				+import Parser from './parser'
			
 
				+const plugins = []
			
 
				+// #ifdef APP-PLUS-NVUE
			
 
				+const dom = weex.requireModule('dom')
			
 
				+// #endif
			
 
				+export default {
			
 
				+  name: 'mp-html',
			
 
				+  data() {
			
 
				+    return {
			
 
				+      nodes: [],
			
 
				+      // #ifdef APP-PLUS-NVUE
			
 
				+      height: 3
			
 
				+      // #endif
			
 
				+    }
			
 
				+  },
			
 
				+  props: {
			
 
				+    containerStyle: {
			
 
				+      type: String,
			
 
				+      default: ''
			
 
				+    },
			
 
				+    content: {
			
 
				+      type: String,
			
 
				+      default: ''
			
 
				+    },
			
 
				+    copyLink: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: true
			
 
				+    },
			
 
				+    domain: String,
			
 
				+    errorImg: {
			
 
				+      type: String,
			
 
				+      default: ''
			
 
				+    },
			
 
				+    lazyLoad: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: false
			
 
				+    },
			
 
				+    loadingImg: {
			
 
				+      type: String,
			
 
				+      default: ''
			
 
				+    },
			
 
				+    pauseVideo: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: true
			
 
				+    },
			
 
				+    previewImg: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: true
			
 
				+    },
			
 
				+    scrollTable: [Boolean, String],
			
 
				+    selectable: [Boolean, String],
			
 
				+    setTitle: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: true
			
 
				+    },
			
 
				+    showImgMenu: {
			
 
				+      type: [Boolean, String],
			
 
				+      default: true
			
 
				+    },
			
 
				+    tagStyle: Object,
			
 
				+    useAnchor: [Boolean, Number]
			
 
				+  },
			
 
				+  // #ifdef VUE3
			
 
				+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
			
 
				+  // #endif
			
 
				+  // #ifndef APP-PLUS-NVUE
			
 
				+  components: {
			
 
				+    node
			
 
				+  },
			
 
				+  // #endif
			
 
				+  watch: {
			
 
				+    content(content) {
			
 
				+      this.setContent(content)
			
 
				+    }
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.plugins = []
			
 
				+    for (let i = plugins.length; i--;) {
			
 
				+      this.plugins.push(new plugins[i](this))
			
 
				+    }
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    if (this.content && !this.nodes.length) {
			
 
				+      this.setContent(this.content)
			
 
				+    }
			
 
				+  },
			
 
				+  beforeDestroy() {
			
 
				+    this._hook('onDetached')
			
 
				+  },
			
 
				+  methods: {
			
 
				+    /**
			
 
				+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
			
 
				+     * @param {Object} page scroll-view 所在页面的示例
			
 
				+     * @param {String} selector scroll-view 的选择器
			
 
				+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
			
 
				+     */
			
 
				+    in(page, selector, scrollTop) {
			
 
				+      // #ifndef APP-PLUS-NVUE
			
 
				+      if (page && selector && scrollTop) {
			
 
				+        this._in = {
			
 
				+          page,
			
 
				+          selector,
			
 
				+          scrollTop
			
 
				+        }
			
 
				+      }
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 锚点跳转
			
 
				+     * @param {String} id 要跳转的锚点 id
			
 
				+     * @param {Number} offset 跳转位置的偏移量
			
 
				+     * @returns {Promise}
			
 
				+     */
			
 
				+    navigateTo(id, offset) {
			
 
				+      return new Promise((resolve, reject) => {
			
 
				+        if (!this.useAnchor) {
			
 
				+          reject(Error('Anchor is disabled'))
			
 
				+          return
			
 
				+        }
			
 
				+        offset = offset || parseInt(this.useAnchor) || 0
			
 
				+        // #ifdef APP-PLUS-NVUE
			
 
				+        if (!id) {
			
 
				+          dom.scrollToElement(this.$refs.web, {
			
 
				+            offset
			
 
				+          })
			
 
				+          resolve()
			
 
				+        } else {
			
 
				+          this._navigateTo = {
			
 
				+            resolve,
			
 
				+            reject,
			
 
				+            offset
			
 
				+          }
			
 
				+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
			
 
				+        }
			
 
				+        // #endif
			
 
				+        // #ifndef APP-PLUS-NVUE
			
 
				+        let deep = ' '
			
 
				+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
			
 
				+        deep = '>>>'
			
 
				+        // #endif
			
 
				+        const selector = uni.createSelectorQuery()
			
 
				+          // #ifndef MP-ALIPAY
			
 
				+          .in(this._in ? this._in.page : this)
			
 
				+          // #endif
			
 
				+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
			
 
				+        if (this._in) {
			
 
				+          selector.select(this._in.selector).scrollOffset()
			
 
				+            .select(this._in.selector).boundingClientRect()
			
 
				+        } else {
			
 
				+          // 获取 scroll-view 的位置和滚动距离
			
 
				+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
			
 
				+        }
			
 
				+        selector.exec(res => {
			
 
				+          if (!res[0]) {
			
 
				+            reject(Error('Label not found'))
			
 
				+            return
			
 
				+          }
			
 
				+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
			
 
				+          if (this._in) {
			
 
				+            // scroll-view 跳转
			
 
				+            this._in.page[this._in.scrollTop] = scrollTop
			
 
				+          } else {
			
 
				+            // 页面跳转
			
 
				+            uni.pageScrollTo({
			
 
				+              scrollTop,
			
 
				+              duration: 300
			
 
				+            })
			
 
				+          }
			
 
				+          resolve()
			
 
				+        })
			
 
				+        // #endif
			
 
				+      })
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 获取文本内容
			
 
				+     * @return {String}
			
 
				+     */
			
 
				+    getText(nodes) {
			
 
				+      let text = '';
			
 
				+      (function traversal(nodes) {
			
 
				+        for (let i = 0; i < nodes.length; i++) {
			
 
				+          const node = nodes[i]
			
 
				+          if (node.type === 'text') {
			
 
				+            text += node.text.replace(/&amp;/g, '&')
			
 
				+          } else if (node.name === 'br') {
			
 
				+            text += '\n'
			
 
				+          } else {
			
 
				+            // 块级标签前后加换行
			
 
				+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
			
 
				+            if (isBlock && text && text[text.length - 1] !== '\n') {
			
 
				+              text += '\n'
			
 
				+            }
			
 
				+            // 递归获取子节点的文本
			
 
				+            if (node.children) {
			
 
				+              traversal(node.children)
			
 
				+            }
			
 
				+            if (isBlock && text[text.length - 1] !== '\n') {
			
 
				+              text += '\n'
			
 
				+            } else if (node.name === 'td' || node.name === 'th') {
			
 
				+              text += '\t'
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      })(nodes || this.nodes)
			
 
				+      return text
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 获取内容大小和位置
			
 
				+     * @return {Promise}
			
 
				+     */
			
 
				+    getRect() {
			
 
				+      return new Promise((resolve, reject) => {
			
 
				+        uni.createSelectorQuery()
			
 
				+          // #ifndef MP-ALIPAY
			
 
				+          .in(this)
			
 
				+          // #endif
			
 
				+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
			
 
				+      })
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 暂停播放媒体
			
 
				+     */
			
 
				+    pauseMedia() {
			
 
				+      for (let i = (this._videos || []).length; i--;) {
			
 
				+        this._videos[i].pause()
			
 
				+      }
			
 
				+      // #ifdef APP-PLUS
			
 
				+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
			
 
				+      // #ifndef APP-PLUS-NVUE
			
 
				+      let page = this.$parent
			
 
				+      while (!page.$scope) page = page.$parent
			
 
				+      page.$scope.$getAppWebview().evalJS(command)
			
 
				+      // #endif
			
 
				+      // #ifdef APP-PLUS-NVUE
			
 
				+      this.$refs.web.evalJs(command)
			
 
				+      // #endif
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 设置媒体播放速率
			
 
				+     * @param {Number} rate 播放速率
			
 
				+     */
			
 
				+    setPlaybackRate(rate) {
			
 
				+      this.playbackRate = rate
			
 
				+      for (let i = (this._videos || []).length; i--;) {
			
 
				+        this._videos[i].playbackRate(rate)
			
 
				+      }
			
 
				+      // #ifdef APP-PLUS
			
 
				+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
			
 
				+      // #ifndef APP-PLUS-NVUE
			
 
				+      let page = this.$parent
			
 
				+      while (!page.$scope) page = page.$parent
			
 
				+      page.$scope.$getAppWebview().evalJS(command)
			
 
				+      // #endif
			
 
				+      // #ifdef APP-PLUS-NVUE
			
 
				+      this.$refs.web.evalJs(command)
			
 
				+      // #endif
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 设置内容
			
 
				+     * @param {String} content html 内容
			
 
				+     * @param {Boolean} append 是否在尾部追加
			
 
				+     */
			
 
				+    setContent(content, append) {
			
 
				+      if (!append || !this.imgList) {
			
 
				+        this.imgList = []
			
 
				+      }
			
 
				+      const nodes = new Parser(this).parse(content)
			
 
				+      // #ifdef APP-PLUS-NVUE
			
 
				+      if (this._ready) {
			
 
				+        this._set(nodes, append)
			
 
				+      }
			
 
				+      // #endif
			
 
				+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
			
 
				+
			
 
				+      // #ifndef APP-PLUS-NVUE
			
 
				+      this._videos = []
			
 
				+      this.$nextTick(() => {
			
 
				+        this._hook('onLoad')
			
 
				+        this.$emit('load')
			
 
				+      })
			
 
				+
			
 
				+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
			
 
				+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
			
 
				+        let height = 0
			
 
				+        const callback = rect => {
			
 
				+          if (!rect || !rect.height) rect = {}
			
 
				+          // 350ms 总高度无变化就触发 ready 事件
			
 
				+          if (rect.height === height) {
			
 
				+            this.$emit('ready', rect)
			
 
				+          } else {
			
 
				+            height = rect.height
			
 
				+            setTimeout(() => {
			
 
				+              this.getRect().then(callback).catch(callback)
			
 
				+            }, 350)
			
 
				+          }
			
 
				+        }
			
 
				+        this.getRect().then(callback).catch(callback)
			
 
				+      } else {
			
 
				+        // 未设置懒加载，等待所有图片加载完毕
			
 
				+        if (!this.imgList._unloadimgs) {
			
 
				+          this.getRect().then(rect => {
			
 
				+            this.$emit('ready', rect)
			
 
				+          }).catch(() => {
			
 
				+            this.$emit('ready', {})
			
 
				+          })
			
 
				+        }
			
 
				+      }
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 调用插件钩子函数
			
 
				+     */
			
 
				+    _hook(name) {
			
 
				+      for (let i = plugins.length; i--;) {
			
 
				+        if (this.plugins[i][name]) {
			
 
				+          this.plugins[i][name]()
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    // #ifdef APP-PLUS-NVUE
			
 
				+    /**
			
 
				+     * @description 设置内容
			
 
				+     */
			
 
				+    _set(nodes, append) {
			
 
				+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 接收到 web-view 消息
			
 
				+     */
			
 
				+    _onMessage(e) {
			
 
				+      const message = e.detail.data[0]
			
 
				+      switch (message.action) {
			
 
				+        // web-view 初始化完毕
			
 
				+        case 'onJSBridgeReady':
			
 
				+          this._ready = true
			
 
				+          if (this.nodes) {
			
 
				+            this._set(this.nodes)
			
 
				+          }
			
 
				+          break
			
 
				+        // 内容 dom 加载完毕
			
 
				+        case 'onLoad':
			
 
				+          this.height = message.height
			
 
				+          this._hook('onLoad')
			
 
				+          this.$emit('load')
			
 
				+          break
			
 
				+        // 所有图片加载完毕
			
 
				+        case 'onReady':
			
 
				+          this.getRect().then(res => {
			
 
				+            this.$emit('ready', res)
			
 
				+          }).catch(() => {
			
 
				+            this.$emit('ready', {})
			
 
				+          })
			
 
				+          break
			
 
				+        // 总高度发生变化
			
 
				+        case 'onHeightChange':
			
 
				+          this.height = message.height
			
 
				+          break
			
 
				+        // 图片点击
			
 
				+        case 'onImgTap':
			
 
				+          this.$emit('imgtap', message.attrs)
			
 
				+          if (this.previewImg) {
			
 
				+            uni.previewImage({
			
 
				+              current: parseInt(message.attrs.i),
			
 
				+              urls: this.imgList,
			
 
				+              showmenu: false
			
 
				+
			
 
				+            })
			
 
				+          }
			
 
				+          break
			
 
				+        // 链接点击
			
 
				+        case 'onLinkTap': {
			
 
				+          const href = message.attrs.href
			
 
				+          this.$emit('linktap', message.attrs)
			
 
				+          if (href) {
			
 
				+            // 锚点跳转
			
 
				+            if (href[0] === '#') {
			
 
				+              if (this.useAnchor) {
			
 
				+                dom.scrollToElement(this.$refs.web, {
			
 
				+                  offset: message.offset
			
 
				+                })
			
 
				+              }
			
 
				+            } else if (href.includes('://')) {
			
 
				+              // 打开外链
			
 
				+              if (this.copyLink) {
			
 
				+                plus.runtime.openWeb(href)
			
 
				+              }
			
 
				+            } else {
			
 
				+              uni.navigateTo({
			
 
				+                url: href,
			
 
				+                fail() {
			
 
				+                  uni.switchTab({
			
 
				+                    url: href
			
 
				+                  })
			
 
				+                }
			
 
				+              })
			
 
				+            }
			
 
				+          }
			
 
				+          break
			
 
				+        }
			
 
				+        case 'onPlay':
			
 
				+          this.$emit('play')
			
 
				+          break
			
 
				+        // 获取到锚点的偏移量
			
 
				+        case 'getOffset':
			
 
				+          if (typeof message.offset === 'number') {
			
 
				+            dom.scrollToElement(this.$refs.web, {
			
 
				+              offset: message.offset + this._navigateTo.offset
			
 
				+            })
			
 
				+            this._navigateTo.resolve()
			
 
				+          } else {
			
 
				+            this._navigateTo.reject(Error('Label not found'))
			
 
				+          }
			
 
				+          break
			
 
				+        // 点击
			
 
				+        case 'onClick':
			
 
				+          this.$emit('tap')
			
 
				+          this.$emit('click')
			
 
				+          break
			
 
				+        // 出错
			
 
				+        case 'onError':
			
 
				+          this.$emit('error', {
			
 
				+            source: message.source,
			
 
				+            attrs: message.attrs
			
 
				+          })
			
 
				+      }
			
 
				+    }
			
 
				+    // #endif
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+/* #ifndef APP-PLUS-NVUE */
			
 
				+/* 根节点样式 */
			
 
				+._root {
			
 
				+  padding: 1px 0;
			
 
				+  overflow-x: auto;
			
 
				+  overflow-y: hidden;
			
 
				+  -webkit-overflow-scrolling: touch;
			
 
				+}
			
 
				+
			
 
				+/* 长按复制 */
			
 
				+._select {
			
 
				+  user-select: text;
			
 
				+}
			
 
				+
			
 
				+/* #endif */
			
 
				+</style>
			
--- a/小程序/jingtailan/src/components/mp-html/node/node.vue
+++ b/小程序/jingtailan/src/components/mp-html/node/node.vue
@@ -0,0 +1,604 @@
 
				+<template>
			
 
				+  <view :id="attrs.id" :class="'_block _' + name + ' ' + attrs.class" :style="attrs.style">
			
 
				+    <block v-for="(n, i) in childs" v-bind:key="i">
			
 
				+      <!-- 图片 -->
			
 
				+      <!-- 占位图 -->
			
 
				+      <image v-if="n.name === 'img' && !n.t && ((opts[1] && !ctrl[i]) || ctrl[i] < 0)" class="_img" :style="n.attrs.style"
			
 
				+        :src="ctrl[i] < 0 ? opts[2] : opts[1]" mode="widthFix" />
			
 
				+      <!-- 显示图片 -->
			
 
				+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
			
 
				+      <img v-if="n.name === 'img'" :id="n.attrs.id" :class="'_img ' + n.attrs.class"
			
 
				+        :style="(ctrl[i] === -1 ? 'display:none;' : '') + n.attrs.style" :src="n.attrs.src || (ctrl.load ? n.attrs['data-src'] : '')"
			
 
				+        :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
			
 
				+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
			
 
				+      <rich-text v-if="n.name === 'img' && n.t" :style="'display:' + n.t"
			
 
				+        :nodes="[{ attrs: { style: n.attrs.style, src: n.attrs.src }, name: 'img' }]" :data-i="i" @tap.stop="imgTap" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef H5 || APP-PLUS -->
			
 
				+      <image v-else-if="n.name === 'img'" :id="n.attrs.id" :class="'_img ' + n.attrs.class"
			
 
				+        :style="(ctrl[i] === -1 ? 'display:none;' : '') + 'width:' + (ctrl[i] || 1) + 'px;height:1px;' + n.attrs.style" :src="n.attrs.src"
			
 
				+        :mode="!n.h ? 'widthFix' : (!n.w ? 'heightFix' : '')" :lazy-load="opts[0]" :webp="n.webp"
			
 
				+        :show-menu-by-longpress="opts[3] && !n.attrs.ignore" :image-menu-prevent="!opts[3] || n.attrs.ignore" :data-i="i"
			
 
				+        @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifdef APP-PLUS && VUE3 -->
			
 
				+      <image v-else-if="n.name === 'img'" :id="n.attrs.id" :class="'_img ' + n.attrs.class"
			
 
				+        :style="(ctrl[i] === -1 ? 'display:none;' : '') + 'width:' + (ctrl[i] || 1) + 'px;' + n.attrs.style"
			
 
				+        :src="n.attrs.src || (ctrl.load ? n.attrs['data-src'] : '')" :mode="!n.h ? 'widthFix' : (!n.w ? 'heightFix' : '')" :data-i="i"
			
 
				+        @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- 文本 -->
			
 
				+      <!-- #ifdef MP-WEIXIN -->
			
 
				+      <text v-else-if="n.text" :user-select="opts[4] == 'force' && isiOS" decode>{{ n.text }}</text>
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
			
 
				+      <text v-else-if="n.text" decode>{{ n.text }}</text>
			
 
				+      <!-- #endif -->
			
 
				+      <text v-else-if="n.name === 'br'">\n</text>
			
 
				+      <!-- 链接 -->
			
 
				+      <view v-else-if="n.name === 'a'" :id="n.attrs.id" :class="(n.attrs.href ? '_a ' : '') + n.attrs.class" hover-class="_hover"
			
 
				+        :style="'display:inline;' + n.attrs.style" :data-i="i" @tap.stop="linkTap">
			
 
				+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
			
 
				+      </view>
			
 
				+      <!-- 视频 -->
			
 
				+      <!-- #ifdef APP-PLUS -->
			
 
				+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video ' + n.attrs.class" :style="n.attrs.style" v-html="n.html"
			
 
				+        @vplay.stop="play" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef APP-PLUS -->
			
 
				+      <video v-else-if="n.name === 'video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style"
			
 
				+        :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted"
			
 
				+        :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i] || 0]" :data-i="i" @play="play"
			
 
				+        @error="mediaError" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifdef H5 || APP-PLUS -->
			
 
				+      <iframe v-else-if="n.name === 'iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen"
			
 
				+        :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
			
 
				+      <embed v-else-if="n.name === 'embed'" :style="n.attrs.style" :src="n.attrs.src" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
			
 
				+      <!-- 音频 -->
			
 
				+      <audio v-else-if="n.name === 'audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style"
			
 
				+        :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name"
			
 
				+        :poster="n.attrs.poster" :src="n.src[ctrl[i] || 0]" :data-i="i" @play="play" @error="mediaError" />
			
 
				+      <!-- #endif -->
			
 
				+      <view v-else-if="(n.name === 'table' && n.c) || n.name === 'li'" :id="n.attrs.id" :class="'_' + n.name + ' ' + n.attrs.class"
			
 
				+        :style="n.attrs.style">
			
 
				+        <node v-if="n.name === 'li'" :childs="n.children" :opts="opts" />
			
 
				+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_' + tbody.name + ' ' + tbody.attrs.class"
			
 
				+          :style="tbody.attrs.style">
			
 
				+          <node v-if="tbody.name === 'td' || tbody.name === 'th'" :childs="tbody.children" :opts="opts" />
			
 
				+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
			
 
				+            <view v-if="tr.name === 'td' || tr.name === 'th'" :class="'_' + tr.name + ' ' + tr.attrs.class" :style="tr.attrs.style">
			
 
				+              <node :childs="tr.children" :opts="opts" />
			
 
				+            </view>
			
 
				+            <view v-else :class="'_' + tr.name + ' ' + tr.attrs.class" :style="tr.attrs.style">
			
 
				+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_' + td.name + ' ' + td.attrs.class"
			
 
				+                :style="td.attrs.style">
			
 
				+                <node :childs="td.children" :opts="opts" />
			
 
				+              </view>
			
 
				+            </view>
			
 
				+          </block>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+
			
 
				+      <!-- 富文本 -->
			
 
				+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
			
 
				+      <rich-text v-else-if="!n.c && !handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f"
			
 
				+        :user-select="opts[4]" :nodes="[n]" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
			
 
				+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;' + n.f" :preview="false" :selectable="opts[4]"
			
 
				+        :user-select="opts[4]" :nodes="[n]" />
			
 
				+      <!-- #endif -->
			
 
				+      <!-- 继续递归 -->
			
 
				+      <view v-else-if="n.c === 2" :id="n.attrs.id" :class="'_block _' + n.name + ' ' + n.attrs.class"
			
 
				+        :style="n.f + ';' + n.attrs.style">
			
 
				+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs"
			
 
				+          :childs="n2.children" :opts="opts" />
			
 
				+      </view>
			
 
				+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
			
 
				+    </block>
			
 
				+  </view>
			
 
				+</template>
			
 
				+<script module="handler" lang="wxs">
			
 
				+// 行内标签列表
			
 
				+var inlineTags = {
			
 
				+  abbr: true,
			
 
				+  b: true,
			
 
				+  big: true,
			
 
				+  code: true,
			
 
				+  del: true,
			
 
				+  em: true,
			
 
				+  i: true,
			
 
				+  ins: true,
			
 
				+  label: true,
			
 
				+  q: true,
			
 
				+  small: true,
			
 
				+  span: true,
			
 
				+  strong: true,
			
 
				+  sub: true,
			
 
				+  sup: true
			
 
				+}
			
 
				+/**
			
 
				+ * @description 判断是否为行内标签
			
 
				+ */
			
 
				+module.exports = {
			
 
				+  isInline: function (tagName, style) {
			
 
				+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+<script>
			
 
				+
			
 
				+import node from './node'
			
 
				+export default {
			
 
				+  name: 'node',
			
 
				+  options: {
			
 
				+    // #ifdef MP-WEIXIN
			
 
				+    virtualHost: true,
			
 
				+    // #endif
			
 
				+    // #ifdef MP-TOUTIAO
			
 
				+    addGlobalClass: false
			
 
				+    // #endif
			
 
				+  },
			
 
				+  data () {
			
 
				+    return {
			
 
				+      ctrl: {},
			
 
				+      // #ifdef MP-WEIXIN
			
 
				+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
			
 
				+      // #endif
			
 
				+    }
			
 
				+  },
			
 
				+  props: {
			
 
				+    name: String,
			
 
				+    attrs: {
			
 
				+      type: Object,
			
 
				+      default () {
			
 
				+        return {}
			
 
				+      }
			
 
				+    },
			
 
				+    childs: Array,
			
 
				+    opts: Array
			
 
				+  },
			
 
				+  components: {
			
 
				+
			
 
				+    // #ifndef (H5 || APP-PLUS) && VUE3
			
 
				+    node
			
 
				+    // #endif
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    this.$nextTick(() => {
			
 
				+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
			
 
				+    })
			
 
				+    // #ifdef H5 || APP-PLUS
			
 
				+    if (this.opts[0]) {
			
 
				+      let i
			
 
				+      for (i = this.childs.length; i--;) {
			
 
				+        if (this.childs[i].name === 'img') break
			
 
				+      }
			
 
				+      if (i !== -1) {
			
 
				+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
			
 
				+          top: 500,
			
 
				+          bottom: 500
			
 
				+        })
			
 
				+        this.observer.observe('._img', res => {
			
 
				+          if (res.intersectionRatio) {
			
 
				+            this.$set(this.ctrl, 'load', 1)
			
 
				+            this.observer.disconnect()
			
 
				+          }
			
 
				+        })
			
 
				+      }
			
 
				+    }
			
 
				+    // #endif
			
 
				+  },
			
 
				+  beforeDestroy () {
			
 
				+    // #ifdef H5 || APP-PLUS
			
 
				+    if (this.observer) {
			
 
				+      this.observer.disconnect()
			
 
				+    }
			
 
				+    // #endif
			
 
				+  },
			
 
				+  methods:{
			
 
				+    // #ifdef MP-WEIXIN
			
 
				+    toJSON () { return this },
			
 
				+    // #endif
			
 
				+    /**
			
 
				+     * @description 播放视频事件
			
 
				+     * @param {Event} e
			
 
				+     */
			
 
				+    play (e) {
			
 
				+      this.root.$emit('play')
			
 
				+      // #ifndef APP-PLUS
			
 
				+      if (this.root.pauseVideo) {
			
 
				+        let flag = false
			
 
				+        const id = e.target.id
			
 
				+        for (let i = this.root._videos.length; i--;) {
			
 
				+          if (this.root._videos[i].id === id) {
			
 
				+            flag = true
			
 
				+          } else {
			
 
				+            this.root._videos[i].pause() // 自动暂停其他视频
			
 
				+          }
			
 
				+        }
			
 
				+        // 将自己加入列表
			
 
				+        if (!flag) {
			
 
				+          const ctx = uni.createVideoContext(id
			
 
				+            // #ifndef MP-BAIDU
			
 
				+            , this
			
 
				+            // #endif
			
 
				+          )
			
 
				+          ctx.id = id
			
 
				+          if (this.root.playbackRate) {
			
 
				+            ctx.playbackRate(this.root.playbackRate)
			
 
				+          }
			
 
				+          this.root._videos.push(ctx)
			
 
				+        }
			
 
				+      }
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 图片点击事件
			
 
				+     * @param {Event} e
			
 
				+     */
			
 
				+    imgTap (e) {
			
 
				+      const node = this.childs[e.currentTarget.dataset.i]
			
 
				+      if (node.a) {
			
 
				+        this.linkTap(node.a)
			
 
				+        return
			
 
				+      }
			
 
				+      if (node.attrs.ignore) return
			
 
				+      // #ifdef H5 || APP-PLUS
			
 
				+      node.attrs.src = node.attrs.src || node.attrs['data-src']
			
 
				+      // #endif
			
 
				+      this.root.$emit('imgtap', node.attrs)
			
 
				+      // 自动预览图片
			
 
				+      if (this.root.previewImg) {
			
 
				+        uni.previewImage({
			
 
				+          // #ifdef MP-WEIXIN
			
 
				+          showmenu: this.root.showImgMenu,
			
 
				+          // #endif
			
 
				+          // #ifdef MP-ALIPAY
			
 
				+          enablesavephoto: this.root.showImgMenu,
			
 
				+          enableShowPhotoDownload: this.root.showImgMenu,
			
 
				+          // #endif
			
 
				+          current: parseInt(node.attrs.i),
			
 
				+          urls: this.root.imgList,
			
 
				+          showmenu: false
			
 
				+
			
 
				+        })
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 图片长按
			
 
				+     */
			
 
				+    imgLongTap (e) {
			
 
				+      // #ifdef APP-PLUS
			
 
				+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
			
 
				+      if (this.opts[3] && !attrs.ignore) {
			
 
				+        uni.showActionSheet({
			
 
				+          itemList: ['保存图片'],
			
 
				+          success: () => {
			
 
				+            const save = path => {
			
 
				+              uni.saveImageToPhotosAlbum({
			
 
				+                filePath: path,
			
 
				+                success () {
			
 
				+                  uni.showToast({
			
 
				+                    title: '保存成功'
			
 
				+                  })
			
 
				+                }
			
 
				+              })
			
 
				+            }
			
 
				+            if (this.root.imgList[attrs.i].startsWith('http')) {
			
 
				+              uni.downloadFile({
			
 
				+                url: this.root.imgList[attrs.i],
			
 
				+                success: res => save(res.tempFilePath)
			
 
				+              })
			
 
				+            } else {
			
 
				+              save(this.root.imgList[attrs.i])
			
 
				+            }
			
 
				+          }
			
 
				+        })
			
 
				+      }
			
 
				+      // #endif
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 图片加载完成事件
			
 
				+     * @param {Event} e
			
 
				+     */
			
 
				+    imgLoad (e) {
			
 
				+      const i = e.currentTarget.dataset.i
			
 
				+      /* #ifndef H5 || (APP-PLUS && VUE2) */
			
 
				+      if (!this.childs[i].w) {
			
 
				+        // 设置原宽度
			
 
				+        this.$set(this.ctrl, i, e.detail.width)
			
 
				+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
			
 
				+        // 加载完毕，取消加载中占位图
			
 
				+        this.$set(this.ctrl, i, 1)
			
 
				+      }
			
 
				+      this.checkReady()
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 检查是否所有图片加载完毕
			
 
				+     */
			
 
				+    checkReady () {
			
 
				+      if (this.root && !this.root.lazyLoad) {
			
 
				+        this.root._unloadimgs -= 1
			
 
				+        if (!this.root._unloadimgs) {
			
 
				+          setTimeout(() => {
			
 
				+            this.root.getRect().then(rect => {
			
 
				+              this.root.$emit('ready', rect)
			
 
				+            }).catch(() => {
			
 
				+              this.root.$emit('ready', {})
			
 
				+            })
			
 
				+          }, 350)
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 链接点击事件
			
 
				+     * @param {Event} e
			
 
				+     */
			
 
				+    linkTap (e) {
			
 
				+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
			
 
				+      const attrs = node.attrs || e
			
 
				+      const href = attrs.href
			
 
				+      this.root.$emit('linktap', Object.assign({
			
 
				+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
			
 
				+      }, attrs))
			
 
				+      if (href) {
			
 
				+        if (href[0] === '#') {
			
 
				+          // 跳转锚点
			
 
				+          this.root.navigateTo(href.substring(1)).catch(() => { })
			
 
				+        } else if (href.split('?')[0].includes('://')) {
			
 
				+          // 复制外部链接
			
 
				+          if (this.root.copyLink) {
			
 
				+            // #ifdef H5
			
 
				+            window.open(href)
			
 
				+            // #endif
			
 
				+            // #ifdef MP
			
 
				+            uni.setClipboardData({
			
 
				+              data: href,
			
 
				+              success: () =>
			
 
				+                uni.showToast({
			
 
				+                  title: '链接已复制'
			
 
				+                })
			
 
				+            })
			
 
				+            // #endif
			
 
				+            // #ifdef APP-PLUS
			
 
				+            plus.runtime.openWeb(href)
			
 
				+            // #endif
			
 
				+          }
			
 
				+        } else {
			
 
				+          // 跳转页面
			
 
				+          uni.navigateTo({
			
 
				+            url: href,
			
 
				+            fail () {
			
 
				+              uni.switchTab({
			
 
				+                url: href,
			
 
				+                fail () { }
			
 
				+              })
			
 
				+            }
			
 
				+          })
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /**
			
 
				+     * @description 错误事件
			
 
				+     * @param {Event} e
			
 
				+     */
			
 
				+    mediaError (e) {
			
 
				+      const i = e.currentTarget.dataset.i
			
 
				+      const node = this.childs[i]
			
 
				+      // 加载其他源
			
 
				+      if (node.name === 'video' || node.name === 'audio') {
			
 
				+        let index = (this.ctrl[i] || 0) + 1
			
 
				+        if (index > node.src.length) {
			
 
				+          index = 0
			
 
				+        }
			
 
				+        if (index < node.src.length) {
			
 
				+          this.$set(this.ctrl, i, index)
			
 
				+          return
			
 
				+        }
			
 
				+      } else if (node.name === 'img') {
			
 
				+        // #ifdef H5 && VUE3
			
 
				+        if (this.opts[0] && !this.ctrl.load) return
			
 
				+        // #endif
			
 
				+        // 显示错误占位图
			
 
				+        if (this.opts[2]) {
			
 
				+          this.$set(this.ctrl, i, -1)
			
 
				+        }
			
 
				+        this.checkReady()
			
 
				+      }
			
 
				+      if (this.root) {
			
 
				+        this.root.$emit('error', {
			
 
				+          source: node.name,
			
 
				+          attrs: node.attrs,
			
 
				+          // #ifndef H5 && VUE3
			
 
				+          errMsg: e.detail.errMsg
			
 
				+          // #endif
			
 
				+        })
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+<style>
			
 
				+/* a 标签默认效果 */
			
 
				+._a {
			
 
				+  padding: 1.5px 0 1.5px 0;
			
 
				+  color: #366092;
			
 
				+  word-break: break-all;
			
 
				+}
			
 
				+
			
 
				+/* a 标签点击态效果 */
			
 
				+._hover {
			
 
				+  text-decoration: underline;
			
 
				+  opacity: 0.7;
			
 
				+}
			
 
				+
			
 
				+/* 图片默认效果 */
			
 
				+._img {
			
 
				+  max-width: 100%;
			
 
				+  -webkit-touch-callout: none;
			
 
				+}
			
 
				+
			
 
				+/* 内部样式 */
			
 
				+
			
 
				+._block {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+._b,
			
 
				+._strong {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+._code {
			
 
				+  font-family: monospace;
			
 
				+}
			
 
				+
			
 
				+._del {
			
 
				+  text-decoration: line-through;
			
 
				+}
			
 
				+
			
 
				+._em,
			
 
				+._i {
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+._h1 {
			
 
				+  font-size: 2em;
			
 
				+}
			
 
				+
			
 
				+._h2 {
			
 
				+  font-size: 1.5em;
			
 
				+}
			
 
				+
			
 
				+._h3 {
			
 
				+  font-size: 1.17em;
			
 
				+}
			
 
				+
			
 
				+._h5 {
			
 
				+  font-size: 0.83em;
			
 
				+}
			
 
				+
			
 
				+._h6 {
			
 
				+  font-size: 0.67em;
			
 
				+}
			
 
				+
			
 
				+._h1,
			
 
				+._h2,
			
 
				+._h3,
			
 
				+._h4,
			
 
				+._h5,
			
 
				+._h6 {
			
 
				+  display: block;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+._image {
			
 
				+  height: 1px;
			
 
				+}
			
 
				+
			
 
				+._ins {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+._li {
			
 
				+  display: list-item;
			
 
				+}
			
 
				+
			
 
				+._ol {
			
 
				+  list-style-type: decimal;
			
 
				+}
			
 
				+
			
 
				+._ol,
			
 
				+._ul {
			
 
				+  display: block;
			
 
				+  padding-left: 40px;
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+._q::before {
			
 
				+  content: '"';
			
 
				+}
			
 
				+
			
 
				+._q::after {
			
 
				+  content: '"';
			
 
				+}
			
 
				+
			
 
				+._sub {
			
 
				+  font-size: smaller;
			
 
				+  vertical-align: sub;
			
 
				+}
			
 
				+
			
 
				+._sup {
			
 
				+  font-size: smaller;
			
 
				+  vertical-align: super;
			
 
				+}
			
 
				+
			
 
				+._thead,
			
 
				+._tbody,
			
 
				+._tfoot {
			
 
				+  display: table-row-group;
			
 
				+}
			
 
				+
			
 
				+._tr {
			
 
				+  display: table-row;
			
 
				+}
			
 
				+
			
 
				+._td,
			
 
				+._th {
			
 
				+  display: table-cell;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+
			
 
				+._th {
			
 
				+  font-weight: bold;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+
			
 
				+._ul {
			
 
				+  list-style-type: disc;
			
 
				+}
			
 
				+
			
 
				+._ul ._ul {
			
 
				+  margin: 0;
			
 
				+  list-style-type: circle;
			
 
				+}
			
 
				+
			
 
				+._ul ._ul ._ul {
			
 
				+  list-style-type: square;
			
 
				+}
			
 
				+
			
 
				+._abbr,
			
 
				+._b,
			
 
				+._code,
			
 
				+._del,
			
 
				+._em,
			
 
				+._i,
			
 
				+._ins,
			
 
				+._label,
			
 
				+._q,
			
 
				+._span,
			
 
				+._strong,
			
 
				+._sub,
			
 
				+._sup {
			
 
				+  display: inline;
			
 
				+}
			
 
				+
			
 
				+/* #ifdef APP-PLUS */
			
 
				+._video {
			
 
				+  width: 300px;
			
 
				+  height: 225px;
			
 
				+}
			
 
				+
			
 
				+/* #endif */</style>
			
--- a/小程序/jingtailan/src/components/mp-html/parser.js
+++ b/小程序/jingtailan/src/components/mp-html/parser.js
--- a/小程序/jingtailan/src/env.d.ts
+++ b/小程序/jingtailan/src/env.d.ts
@@ -0,0 +1,8 @@
 
				+/// <reference types="vite/client" />
			
 
				+
			
 
				+declare module '*.vue' {
			
 
				+  import { DefineComponent } from 'vue'
			
 
				+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
			
 
				+  const component: DefineComponent<{}, {}, any>
			
 
				+  export default component
			
 
				+}
			
--- a/小程序/jingtailan/src/main.ts
+++ b/小程序/jingtailan/src/main.ts
@@ -0,0 +1,11 @@
 
				+import { createSSRApp } from "vue";
			
 
				+import App from "./App.vue";
			
 
				+import 'animate.css';
			
 
				+
			
 
				+
			
 
				+export function createApp() {
			
 
				+  const app = createSSRApp(App);
			
 
				+  return {
			
 
				+    app,
			
 
				+  };
			
 
				+}
			
--- a/小程序/jingtailan/src/manifest.json
+++ b/小程序/jingtailan/src/manifest.json
@@ -0,0 +1,73 @@
 
				+{
			
 
				+    "name" : "",
			
 
				+    "appid" : "",
			
 
				+    "description" : "",
			
 
				+    "versionName" : "1.0.0",
			
 
				+    "versionCode" : "100",
			
 
				+    "transformPx" : false,
			
 
				+    /* 5+App特有相关 */
			
 
				+    "app-plus" : {
			
 
				+        "usingComponents" : true,
			
 
				+        "nvueStyleCompiler" : "uni-app",
			
 
				+        "compilerVersion" : 3,
			
 
				+        "splashscreen" : {
			
 
				+            "alwaysShowBeforeRender" : true,
			
 
				+            "waiting" : true,
			
 
				+            "autoclose" : true,
			
 
				+            "delay" : 0
			
 
				+        },
			
 
				+        /* 模块配置 */
			
 
				+        "modules" : {},
			
 
				+        /* 应用发布信息 */
			
 
				+        "distribute" : {
			
 
				+            /* android打包配置 */
			
 
				+            "android" : {
			
 
				+                "permissions" : [
			
 
				+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
			
 
				+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
			
 
				+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
			
 
				+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
			
 
				+                ]
			
 
				+            },
			
 
				+            /* ios打包配置 */
			
 
				+            "ios" : {},
			
 
				+            /* SDK配置 */
			
 
				+            "sdkConfigs" : {}
			
 
				+        }
			
 
				+    },
			
 
				+    /* 快应用特有相关 */
			
 
				+    "quickapp" : {},
			
 
				+    /* 小程序特有相关 */
			
 
				+    "mp-weixin" : {
			
 
				+        "appid" : "",
			
 
				+        "setting" : {
			
 
				+            "urlCheck" : false
			
 
				+        },
			
 
				+        "usingComponents" : true,
			
 
				+        "libVersion": "lastest"
			
 
				+    },
			
 
				+    "mp-alipay" : {
			
 
				+        "usingComponents" : true
			
 
				+    },
			
 
				+    "mp-baidu" : {
			
 
				+        "usingComponents" : true
			
 
				+    },
			
 
				+    "mp-toutiao" : {
			
 
				+        "usingComponents" : true
			
 
				+    },
			
 
				+    "uniStatistics": {  
			
 
				+        "enable": false
			
 
				+    },
			
 
				+    "vueVersion" : "3"
			
 
				+}
			
--- a/小程序/jingtailan/src/pages.json
+++ b/小程序/jingtailan/src/pages.json
@@ -0,0 +1,232 @@
 
				+{
			
 
				+  "pages": [
			
 
				+    {
			
 
				+      "path": "pages/home/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "今日",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "探索",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/visit/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "游览",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/visit/exhibition/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "三维链接",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/visit/history/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "企业回顾",
			
 
				+        "navigationStyle": "custom",
			
 
				+        "app-plus": {
			
 
				+          "titleNView": {
			
 
				+            "splitLine": true
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/visit/guide/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "导览",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/analyse/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "赏析",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/analyse/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "XX篇",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/analyse/detail/culturalRelicDetail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "藏品详情",
			
 
				+        "navigationStyle": "custom"
			
 
				+
			
 
				+      },
			
 
				+      "usingComponents": {
			
 
				+        "mp-html": "mp-html"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/analyse/detail/culturalRelicDetail/index3D",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "藏品详情",
			
 
				+        "navigationStyle": "custom"
			
 
				+
			
 
				+      },
			
 
				+      "usingComponents": {
			
 
				+        "mp-html": "mp-html"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/mine/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "我的",
			
 
				+        "navigationBarTextStyle": "black",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/mine/content/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "我的收藏"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/mine/perfectInfo/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "修改信息"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/mine/culturalRelic/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "我的收藏"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/gift/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "国礼"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/gift/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": ""
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/history/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "历史"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/history/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "历史详情"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/great/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "大师"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/great/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/craft/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "工艺",
			
 
				+        "navigationStyle": "custom"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/craft/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "工艺"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/order/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "定制"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/order/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "定制"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/project/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": "工程"
			
 
				+      }
			
 
				+    },
			
 
				+    {
			
 
				+      "path": "pages/explore/project/detail/index",
			
 
				+      "style": {
			
 
				+        "navigationBarTitleText": ""
			
 
				+      }
			
 
				+    }
			
 
				+  ],
			
 
				+  "tabBar": {
			
 
				+    "custom": true,
			
 
				+    "list": [
			
 
				+      {
			
 
				+        "text": "今日",
			
 
				+        "pagePath": "pages/home/index",
			
 
				+        "iconPath": "static/img/bottomInco/inco1.png",
			
 
				+        "selectedIconPath": "static/img/bottomInco/inco1Ac.png"
			
 
				+      },
			
 
				+      {
			
 
				+        "text": "游览",
			
 
				+        "pagePath": "pages/visit/index",
			
 
				+        "iconPath": "static/img/bottomInco/inco3.png",
			
 
				+        "selectedIconPath": "static/img/bottomInco/inco3Ac.png"
			
 
				+      },
			
 
				+      {
			
 
				+        "text": "探索",
			
 
				+        "pagePath": "pages/explore/index",
			
 
				+        "iconPath": "static/img/bottomInco/inco2.png",
			
 
				+        "selectedIconPath": "static/img/bottomInco/inco2Ac.png"
			
 
				+      },
			
 
				+      {
			
 
				+        "text": "赏析",
			
 
				+        "pagePath": "pages/analyse/index",
			
 
				+        "iconPath": "static/img/bottomInco/inco4.png",
			
 
				+        "selectedIconPath": "static/img/bottomInco/inco4Ac.png"
			
 
				+      },
			
 
				+      {
			
 
				+        "text": "我的",
			
 
				+        "pagePath": "pages/mine/index",
			
 
				+        "iconPath": "static/img/bottomInco/inco5.png",
			
 
				+        "selectedIconPath": "static/img/bottomInco/inco5Ac.png"
			
 
				+      }
			
 
				+    ],
			
 
				+    "color": "#474747",
			
 
				+    "selectedColor": "#474747",
			
 
				+    "backgroundColor": "#F7F1E6",
			
 
				+    "borderStyle": "black"
			
 
				+  },
			
 
				+  "globalStyle": {
			
 
				+    "navigationBarTextStyle": "black",
			
 
				+    "navigationBarTitleText": "uni-app",
			
 
				+    "navigationBarBackgroundColor": "#F7F1E6",
			
 
				+    "backgroundColor": "#F7F1E6"
			
 
				+  }
			
 
				+}
			
--- a/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index
+++ b/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index
@@ -0,0 +1,288 @@
 
				+<script setup lang="ts">
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+
			
 
				+import { AnalyseApi } from "@/api/api/analyse/index";
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+
			
 
				+// const top = (uni.getMenuButtonBoundingClientRect().top + uni.getMenuButtonBoundingClientRect().height) + 'px';
			
 
				+
			
 
				+const info = ref({} as any);
			
 
				+const modelId = ref(0);
			
 
				+const path = ref("");
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  const res: any = await AnalyseApi.getGoodDetail(option?.id);
			
 
				+  if (res.data.code === 0) {
			
 
				+    modelId.value = option?.id;
			
 
				+    info.value = res.data.data;
			
 
				+    info.value.content = formatRichText(res.data.data.content);
			
 
				+    console.log(info.value.content);
			
 
				+    isCollected();
			
 
				+    checkToken();
			
 
				+    setTimeout(() => {
			
 
				+      path.value = `https://houseoss.4dkankan.com/project/bjfljtl/guildsvg/collection.html?id=${
			
 
				+        info.value.id
			
 
				+      }&&isCollected=${isCollectedInfo.value ? 1 : 0}&&isLogin=${
			
 
				+        isLogin.value ? 1 : 0
			
 
				+      }`;
			
 
				+      console.log(path.value);
			
 
				+    }, 500);
			
 
				+  }
			
 
				+});
			
 
				+// 收藏
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getGoodstList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+  if (res.data.code === 0) {
			
 
				+    const greatList = await res.data.data.records.find((item: any) => {
			
 
				+      return item.moduleId == modelId.value;
			
 
				+    });
			
 
				+    if (greatList) {
			
 
				+      isCollectedInfo.value = true;
			
 
				+      return;
			
 
				+    }
			
 
				+    return;
			
 
				+  } else {
			
 
				+    return;
			
 
				+  }
			
 
				+};
			
 
				+const isCollectedInfo = ref(false);
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: "goods",
			
 
				+  name: "",
			
 
				+});
			
 
				+
			
 
				+const isLogin = ref(false);
			
 
				+const checkToken = async () => {
			
 
				+  const res: any = await MineApi.checkToken();
			
 
				+  if (res.data.data) {
			
 
				+    isLogin.value = true;
			
 
				+    return;
			
 
				+  }
			
 
				+  isLogin.value = false;
			
 
				+  return;
			
 
				+};
			
 
				+
			
 
				+const collect = async (has: boolean) => {
			
 
				+  isCollectedInfo.value = has;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = info.value.id;
			
 
				+  data.value.name = info.value.name;
			
 
				+  // 检查token
			
 
				+  checkToken();
			
 
				+  if (isLogin.value) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value);
			
 
				+    if (res.data.code === 0) {
			
 
				+      // uni.showToast({
			
 
				+      //   title: isCollectedInfo.value ? '收藏成功' : '取消成功',
			
 
				+      //   icon: 'none'
			
 
				+      // })
			
 
				+    }
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// h5点击收藏按钮回调
			
 
				+const getMessage = (e: any) => {
			
 
				+  console.log(e.detail.data[e.detail.data.length - 1].action);
			
 
				+  collect(e.detail.data[e.detail.data.length - 1].action == 1 ? true : false);
			
 
				+};
			
 
				+
			
 
				+// 富文本解析
			
 
				+const formatRichText = (html: any) => {
			
 
				+  let newContent = html.replace(
			
 
				+    /<img[^>]*>/gi,
			
 
				+    function (match: any, capture: any) {
			
 
				+      match = match
			
 
				+        .replace(/style="[^"]+"/gi, "")
			
 
				+        .replace(/style='[^']+'/gi, "");
			
 
				+      match = match
			
 
				+        .replace(/width="[^"]+"/gi, "")
			
 
				+        .replace(/width='[^']+'/gi, "");
			
 
				+      match = match
			
 
				+        .replace(/height="[^"]+"/gi, "")
			
 
				+        .replace(/height='[^']+'/gi, "");
			
 
				+      // 给图片加域名
			
 
				+      let isExist = match.includes("https://");
			
 
				+      if (!isExist) {
			
 
				+        match = match.replace(
			
 
				+          /(src=")/gi,
			
 
				+          'src="https://wxfalangchang.4dage.com'
			
 
				+        );
			
 
				+      }
			
 
				+      return match;
			
 
				+    }
			
 
				+  );
			
 
				+  newContent = newContent.replace(
			
 
				+    /style="[^"]+"/gi,
			
 
				+    function (match: any, capture: any) {
			
 
				+      match = match
			
 
				+        .replace(/width:[^;]+;/gi, "max-width:100%;")
			
 
				+        .replace(/width:[^;]+;/gi, "max-width:100%;");
			
 
				+      return match;
			
 
				+    }
			
 
				+  );
			
 
				+  newContent = newContent.replace(/<br[^>]*\/>/gi, "");
			
 
				+  newContent = newContent.replace(
			
 
				+    /\<img/gi,
			
 
				+    '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
			
 
				+  );
			
 
				+  return newContent;
			
 
				+};
			
 
				+
			
 
				+// 图片单张预览
			
 
				+const previewImg = (previewImgUrl: String) => {
			
 
				+  let imgsArray = [];
			
 
				+  //根据api拼接
			
 
				+  imgsArray[0] = baseIMGUrl + previewImgUrl;
			
 
				+  uni.previewImage({
			
 
				+    current: 0,
			
 
				+    urls: imgsArray,
			
 
				+    showmenu: false
			
 
				+
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+const html = "<div>Hello World!</div>";
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view
			
 
				+    class="all"
			
 
				+    :style="{ background: info.modelUrl != '' ? '' : '#F7F1E6' }"
			
 
				+  >
			
 
				+    <!-- <TabBarTop title="藏品详情" :isBack="true" :backColor="info.modelUrl ? '' : 'black'" /> -->
			
 
				+    <!-- 有modelUrl,传递detail -->
			
 
				+    <web-view v-if="info.modelUrl != ''" :src="path" @message="getMessage" />
			
 
				+
			
 
				+    <!-- 无modelUrl -->
			
 
				+    <view :class="info.modelUrl != '' ? 'bottom' : 'bottom2'">
			
 
				+      <view class="title">
			
 
				+        {{ info.name }}
			
 
				+      </view>
			
 
				+      <image
			
 
				+        :style="{ marginTop: '10px' }"
			
 
				+        :src="baseIMGUrl + info.thumb"
			
 
				+        @click="previewImg(info.thumb)"
			
 
				+        mode="widthFix"
			
 
				+      />
			
 
				+      <mp-html
			
 
				+        container-style="white-space:pre-wrap;font-size:26rpx;margin-top: 10px;line-height: 45rpx"
			
 
				+        :content="info.content"
			
 
				+      ></mp-html>
			
 
				+    </view>
			
 
				+    <view class="levitated-box">
			
 
				+      <image
			
 
				+        :src="
			
 
				+          baseInfo.baseIMGUrl +
			
 
				+          `/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`
			
 
				+        "
			
 
				+        mode="scaleToFill"
			
 
				+        @tap="collect(!isCollectedInfo)"
			
 
				+      />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 65vh;
			
 
				+    background: gray;
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    height: calc(35vh + 15px);
			
 
				+    z-index: 99;
			
 
				+    border-radius: 15px 15px 0 0;
			
 
				+    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+    background: #f7f1e6;
			
 
				+    padding: 40px;
			
 
				+    box-sizing: border-box;
			
 
				+    overflow: auto;
			
 
				+    margin-top: -15px;
			
 
				+
			
 
				+    .title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      margin-bottom: 10px;
			
 
				+    }
			
 
				+
			
 
				+    .disc {
			
 
				+      font-size: 14px;
			
 
				+      text-indent: 2em;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom2 {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    box-sizing: border-box;
			
 
				+    padding-left: 40px;
			
 
				+    padding-right: 40px;
			
 
				+    overflow: auto;
			
 
				+    // padding-top: 10px;
			
 
				+
			
 
				+    .title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      // margin-bottom: 10px;
			
 
				+    }
			
 
				+
			
 
				+    .disc {
			
 
				+      font-size: 14px;
			
 
				+      text-indent: 2em;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 悬浮球
			
 
				+  .levitated-box {
			
 
				+    background-color: #00000080;
			
 
				+    border-radius: 50px;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    padding: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    right: 30px;
			
 
				+    bottom: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index.vue
+++ b/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index.vue
@@ -0,0 +1,414 @@
 
				+<script setup lang="ts">
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+import { onUnmounted, ref, watch } from "vue";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import commonn from "@/static/data/common";
			
 
				+
			
 
				+
			
 
				+import { AnalyseApi } from "@/api/api/analyse/index";
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+
			
 
				+import TabBarTop from "@/components/TabBarTop.vue";
			
 
				+
			
 
				+// const top = (uni.getMenuButtonBoundingClientRect().top + uni.getMenuButtonBoundingClientRect().height) + 'px';
			
 
				+
			
 
				+const info = ref({} as any);
			
 
				+const modelId = ref(0);
			
 
				+const path = ref("");
			
 
				+
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+// 前四个播放音乐
			
 
				+const playAudio = (name: string) => {
			
 
				+  if (name == '凤凰尊' || name == '国泰榴芳尊' || name == '赤玄卷草兽纹罐' || name == '普天同庆大瓶') {
			
 
				+    musicStaRe.value = commonn.musicSta
			
 
				+    if (musicStaRe.value) {
			
 
				+      // 先暂停背景音频
			
 
				+      commonn.innerAudioContext.pause()
			
 
				+      commonn.musicSta = false
			
 
				+    }
			
 
				+    // 设置播放音频链接
			
 
				+    commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/D1Analyse/${name}.mp3`;
			
 
				+    commonn.introAudioContext.currentTime = 0
			
 
				+    commonn.introAudioContext.play()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  const res: any = await AnalyseApi.getGoodDetail(option?.id);
			
 
				+  if (res.data.code === 0) {
			
 
				+    modelId.value = option?.id;
			
 
				+    info.value = res.data.data;
			
 
				+    info.value.content = formatRichText(res.data.data.content);
			
 
				+    console.log(info.value.content);
			
 
				+    isCollected();
			
 
				+    checkToken();
			
 
				+    setTimeout(() => {
			
 
				+      path.value = `https://houseoss.4dkankan.com/project/bjfljtl/guildsvg/collection.html?id=${info.value.id
			
 
				+        }&&isCollected=${isCollectedInfo.value ? 1 : 0}&&isLogin=${isLogin.value ? 1 : 0
			
 
				+        }`;
			
 
				+    }, 500);
			
 
				+    playAudio(info.value.name)
			
 
				+  }
			
 
				+});
			
 
				+// 收藏
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getGoodstList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+  if (res.data.code === 0) {
			
 
				+    const greatList = await res.data.data.records.find((item: any) => {
			
 
				+      return item.moduleId == modelId.value;
			
 
				+    });
			
 
				+    if (greatList) {
			
 
				+      isCollectedInfo.value = true;
			
 
				+      return;
			
 
				+    }
			
 
				+    return;
			
 
				+  } else {
			
 
				+    return;
			
 
				+  }
			
 
				+};
			
 
				+const isCollectedInfo = ref(false);
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: "goods",
			
 
				+  name: "",
			
 
				+});
			
 
				+
			
 
				+const isLogin = ref(false);
			
 
				+const checkToken = async () => {
			
 
				+  const res: any = await MineApi.checkToken();
			
 
				+  if (res.data.data) {
			
 
				+    isLogin.value = true;
			
 
				+    return;
			
 
				+  }
			
 
				+  isLogin.value = false;
			
 
				+  return;
			
 
				+};
			
 
				+
			
 
				+const collect = async (has: boolean) => {
			
 
				+  isCollectedInfo.value = has;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = info.value.id;
			
 
				+  data.value.name = info.value.name;
			
 
				+  // 检查token
			
 
				+  checkToken();
			
 
				+  if (isLogin.value) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value);
			
 
				+    if (res.data.code === 0) {
			
 
				+      // uni.showToast({
			
 
				+      //   title: isCollectedInfo.value ? '收藏成功' : '取消成功',
			
 
				+      //   icon: 'none'
			
 
				+      // })
			
 
				+    }
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 富文本解析
			
 
				+const formatRichText = (html: any) => {
			
 
				+  let newContent = html.replace(
			
 
				+    /<img[^>]*>/gi,
			
 
				+    function (match: any, capture: any) {
			
 
				+      match = match
			
 
				+        .replace(/style="[^"]+"/gi, "")
			
 
				+        .replace(/style='[^']+'/gi, "");
			
 
				+      match = match
			
 
				+        .replace(/width="[^"]+"/gi, "")
			
 
				+        .replace(/width='[^']+'/gi, "");
			
 
				+      match = match
			
 
				+        .replace(/height="[^"]+"/gi, "")
			
 
				+        .replace(/height='[^']+'/gi, "");
			
 
				+      // 给图片加域名
			
 
				+      let isExist = match.includes("https://");
			
 
				+      if (!isExist) {
			
 
				+        match = match.replace(
			
 
				+          /(src=")/gi,
			
 
				+          'src="https://wxfalangchang.4dage.com'
			
 
				+        );
			
 
				+      }
			
 
				+      return match;
			
 
				+    }
			
 
				+  );
			
 
				+  newContent = newContent.replace(
			
 
				+    /style="[^"]+"/gi,
			
 
				+    function (match: any, capture: any) {
			
 
				+      match = match
			
 
				+        .replace(/width:[^;]+;/gi, "max-width:100%;")
			
 
				+        .replace(/width:[^;]+;/gi, "max-width:100%;");
			
 
				+      return match;
			
 
				+    }
			
 
				+  );
			
 
				+  newContent = newContent.replace(/<br[^>]*\/>/gi, "");
			
 
				+  newContent = newContent.replace(
			
 
				+    /\<img/gi,
			
 
				+    '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
			
 
				+  );
			
 
				+  return newContent;
			
 
				+};
			
 
				+
			
 
				+const bottomHeight = ref("40vh");
			
 
				+const scaleValue = ref(0);
			
 
				+
			
 
				+const scaleProduct = (e: any) => {
			
 
				+  if (e.detail.scale == 0.7) {
			
 
				+    scaleValue.value = 0;
			
 
				+    setTimeout(() => {
			
 
				+      bottomHeight.value = "40vh";
			
 
				+    }, 200);
			
 
				+  } else if (e.detail.scale == 1.3) {
			
 
				+    bottomHeight.value = "5vh";
			
 
				+  } else {
			
 
				+    bottomHeight.value = "5vh";
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const openImage = () => {
			
 
				+  scaleValue.value = 1.3;
			
 
				+};
			
 
				+const closeImage = () => {
			
 
				+  scaleValue.value = 0.7;
			
 
				+};
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <!-- 纹理图 -->
			
 
				+    <image class="all-bg" :src="baseInfo.baseIMGUrl + `/data/D1Analyse/2/texture.png`" mode="scaleToFill" />
			
 
				+    <TabBarTop title="藏品详情" :isBack="true" color="#fff" />
			
 
				+    <!-- 有modelUrl,传递detail -->
			
 
				+
			
 
				+    <!-- 无modelUrl -->
			
 
				+    <!-- 产品细节图 -->
			
 
				+    <movable-area scale-area class="m-area">
			
 
				+      <movable-view direction="all" scale scale-min="0.7" scale-max="2" :scale-value="scaleValue" class="m-view"
			
 
				+        @scale="scaleProduct">
			
 
				+        <image class="product-image" :src="baseIMGUrl + info.thumb" mode="widthFix" />
			
 
				+      </movable-view>
			
 
				+    </movable-area>
			
 
				+
			
 
				+    <!-- 图片放大 -->
			
 
				+    <div class="open-img" @tap="openImage" v-if="bottomHeight == '40vh'">
			
 
				+      <image :src="baseInfo.baseIMGUrl + '/data/D1Analyse/2/plus.png'" mode="widthFix" />
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 关闭放大图片 -->
			
 
				+    <div class="close-img" @tap="closeImage" v-if="bottomHeight == '5vh'">
			
 
				+      <image :src="baseInfo.baseIMGUrl + '/data/D1Analyse/2/close.png'" mode="widthFix" />
			
 
				+    </div>
			
 
				+
			
 
				+    <view :class="info.modelUrl != '' ? 'bottom' : 'bottom2'" :style="{ height: bottomHeight }">
			
 
				+      <view class="title">
			
 
				+        {{ info.name }}
			
 
				+      </view>
			
 
				+      <!-- <image
			
 
				+        :style="{ marginTop: '10px' }"
			
 
				+        :src="baseIMGUrl + info.thumb"
			
 
				+        @click="previewImg(info.thumb)"
			
 
				+        mode="widthFix"
			
 
				+      /> -->
			
 
				+      <mp-html style="overflow: auto; height: 70%; width: 100%"
			
 
				+        container-style="white-space:pre-wrap;font-size:26rpx;margin-top: 10px;line-height: 45rpx"
			
 
				+        :content="info.content"></mp-html>
			
 
				+    </view>
			
 
				+    <view class="levitated-box">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`
			
 
				+        " mode="scaleToFill" @tap="collect(!isCollectedInfo)" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  box-sizing: border-box;
			
 
				+  // background: linear-gradient(to top, white, #3e3e3e);
			
 
				+  // background: linear-gradient( 180deg, rgba(47,40,40,0.6) 0%, #FFFFFF 100%);
			
 
				+  background: linear-gradient(to bottom, rgba(47, 40, 40,0.5), rgba(191, 189, 189,0.8) , rgba(223, 221, 221, 0.92) , rgb(255, 255, 255));
			
 
				+
			
 
				+
			
 
				+  .all-bg {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    bottom: 0;
			
 
				+  }
			
 
				+
			
 
				+  .m-area {
			
 
				+    width: 50vw;
			
 
				+    height: 50vw;
			
 
				+    position: absolute;
			
 
				+    top: 25vw;
			
 
				+    left: 25vw;
			
 
				+
			
 
				+    .m-view {
			
 
				+      width: 130%;
			
 
				+      height: 100%;
			
 
				+
			
 
				+      .product-image {
			
 
				+        width: 100%;
			
 
				+        margin: auto;
			
 
				+        position: relative;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .open-img {
			
 
				+    width: 40px;
			
 
				+    height: 40px;
			
 
				+    background: rgba(224, 124, 103, 0.5);
			
 
				+    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
			
 
				+    position: fixed;
			
 
				+    right: 10px;
			
 
				+    bottom: 45vh;
			
 
				+    border-radius: 50%;
			
 
				+
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-content: center;
			
 
				+
			
 
				+    image {
			
 
				+      width: 60%;
			
 
				+      height: 60%;
			
 
				+      margin: auto;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .close-img {
			
 
				+    width: 25px;
			
 
				+    height: 25px;
			
 
				+    background: rgba(138, 138, 138, 0.733);
			
 
				+    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
			
 
				+    position: fixed;
			
 
				+    right: 20px;
			
 
				+    top: 20vh;
			
 
				+    border-radius: 50%;
			
 
				+    z-index: 15;
			
 
				+
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-content: center;
			
 
				+
			
 
				+    image {
			
 
				+      width: 60%;
			
 
				+      margin: auto;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .product-image {
			
 
				+    width: 65vw;
			
 
				+    margin: auto;
			
 
				+    position: relative;
			
 
				+  }
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 65vh;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    height: calc(35vh + 15px);
			
 
				+    z-index: 99;
			
 
				+    border-radius: 15px 15px 0 0;
			
 
				+    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+    background: #f7f1e6;
			
 
				+    padding: 40px;
			
 
				+    box-sizing: border-box;
			
 
				+    overflow: auto;
			
 
				+    margin-top: -15px;
			
 
				+    transition: height 3s;
			
 
				+
			
 
				+    .title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      margin-bottom: 10px;
			
 
				+    }
			
 
				+
			
 
				+    .disc {
			
 
				+      font-size: 14px;
			
 
				+      text-indent: 2em;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom2 {
			
 
				+    width: 100%;
			
 
				+    height: 40%;
			
 
				+    box-sizing: border-box;
			
 
				+    overflow: auto;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    padding: 15px 40px;
			
 
				+    border-radius: 30px 30px 0 0;
			
 
				+    background: #f7f1e6;
			
 
				+    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+    transform: 2s;
			
 
				+    // padding-top: 10px;
			
 
				+
			
 
				+    .title {
			
 
				+      width: 100%;
			
 
				+      text-align: center;
			
 
				+      font-weight: bold;
			
 
				+      // margin-bottom: 10px;
			
 
				+    }
			
 
				+
			
 
				+    .disc {
			
 
				+      font-size: 14px;
			
 
				+      text-indent: 2em;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 悬浮球
			
 
				+  .levitated-box {
			
 
				+    background-color: #00000080;
			
 
				+    border-radius: 50px;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    padding: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    right: 30px;
			
 
				+    bottom: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index3D.vue
+++ b/小程序/jingtailan/src/pages/analyse/detail/culturalRelicDetail/index3D.vue
@@ -0,0 +1,131 @@
 
				+<script setup lang="ts">
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+
			
 
				+import { AnalyseApi } from "@/api/api/analyse/index";
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+
			
 
				+// const top = (uni.getMenuButtonBoundingClientRect().top + uni.getMenuButtonBoundingClientRect().height) + 'px';
			
 
				+
			
 
				+const info = ref({} as any);
			
 
				+const modelId = ref(0);
			
 
				+const path = ref("");
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  const res: any = await AnalyseApi.getGoodDetail(option?.id);
			
 
				+  if (res.data.code === 0) {
			
 
				+    modelId.value = option?.id;
			
 
				+    info.value = res.data.data;
			
 
				+    console.log(info.value.content);
			
 
				+    isCollected();
			
 
				+    checkToken();
			
 
				+    setTimeout(() => {
			
 
				+      path.value = `https://houseoss.4dkankan.com/project/bjfljtl/guildsvg/collection.html?id=${
			
 
				+        info.value.id
			
 
				+      }&&isCollected=${isCollectedInfo.value ? 1 : 0}&&isLogin=${
			
 
				+        isLogin.value ? 1 : 0
			
 
				+      }`;
			
 
				+      console.log(path.value);
			
 
				+    }, 500);
			
 
				+  }
			
 
				+});
			
 
				+// 收藏
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getGoodstList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: "",
			
 
				+  });
			
 
				+  if (res.data.code === 0) {
			
 
				+    const greatList = await res.data.data.records.find((item: any) => {
			
 
				+      return item.moduleId == modelId.value;
			
 
				+    });
			
 
				+    if (greatList) {
			
 
				+      isCollectedInfo.value = true;
			
 
				+      return;
			
 
				+    }
			
 
				+    return;
			
 
				+  } else {
			
 
				+    return;
			
 
				+  }
			
 
				+};
			
 
				+const isCollectedInfo = ref(false);
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: "goods",
			
 
				+  name: "",
			
 
				+});
			
 
				+
			
 
				+const isLogin = ref(false);
			
 
				+const checkToken = async () => {
			
 
				+  const res: any = await MineApi.checkToken();
			
 
				+  if (res.data.data) {
			
 
				+    isLogin.value = true;
			
 
				+    return;
			
 
				+  }
			
 
				+  isLogin.value = false;
			
 
				+  return;
			
 
				+};
			
 
				+
			
 
				+const collect = async (has: boolean) => {
			
 
				+  isCollectedInfo.value = has;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = info.value.id;
			
 
				+  data.value.name = info.value.name;
			
 
				+  // 检查token
			
 
				+  checkToken();
			
 
				+  if (isLogin.value) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value);
			
 
				+    if (res.data.code === 0) {
			
 
				+      // uni.showToast({
			
 
				+      //   title: isCollectedInfo.value ? '收藏成功' : '取消成功',
			
 
				+      //   icon: 'none'
			
 
				+      // })
			
 
				+    }
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// h5点击收藏按钮回调
			
 
				+const getMessage = (e: any) => {
			
 
				+  console.log(e.detail.data[e.detail.data.length - 1].action);
			
 
				+  collect(e.detail.data[e.detail.data.length - 1].action == 1 ? true : false);
			
 
				+};
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view
			
 
				+    class="all"
			
 
				+  >
			
 
				+    <!-- <TabBarTop title="藏品详情" :isBack="true" :backColor="info.modelUrl ? '' : 'black'" /> -->
			
 
				+    <!-- 有modelUrl,传递detail -->
			
 
				+    <web-view v-if="info.modelUrl != ''" :src="path" @message="getMessage" />
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/analyse/detail/index.vue
+++ b/小程序/jingtailan/src/pages/analyse/detail/index.vue
@@ -0,0 +1,249 @@
 
				+<script setup lang="ts">
			
 
				+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+
			
 
				+import TabBarTop from "@/components/TabBarTop.vue";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+
			
 
				+import { AnalyseApi } from "@/api/api/analyse/index";
			
 
				+
			
 
				+const name = ref("");
			
 
				+const topBGUrl = ref("");
			
 
				+const detail = ref({} as any);
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+  type: "盛世",
			
 
				+});
			
 
				+
			
 
				+const greatList = ref([] as any);
			
 
				+const totle = ref(0);
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  const res: any = await AnalyseApi.getAnalyseDetail(option?.id);
			
 
				+  if (res.data.code === 0) {
			
 
				+    detail.value = res.data.data;
			
 
				+  }
			
 
				+  PageListInfo.value.type = option?.name;
			
 
				+  const res2: any = await AnalyseApi.getGoodsList(PageListInfo.value);
			
 
				+  if (res2.data.code === 0) {
			
 
				+    greatList.value = res2.data.data.records;
			
 
				+    totle.value = res2.data.data.total;
			
 
				+  }
			
 
				+
			
 
				+  name.value = option?.name;
			
 
				+  switch (option?.name) {
			
 
				+    case "盛世":
			
 
				+      topBGUrl.value =
			
 
				+        baseInfo.baseIMGUrl + "/data/D1Analyse/1/flourishingAc.png";
			
 
				+      break;
			
 
				+    case "低谷":
			
 
				+      topBGUrl.value = baseInfo.baseIMGUrl + "/data/D1Analyse/1/downAc.png";
			
 
				+      break;
			
 
				+    case "重生":
			
 
				+      topBGUrl.value = baseInfo.baseIMGUrl + "/data/D1Analyse/1/rebirthAc.png";
			
 
				+      break;
			
 
				+    case "发展":
			
 
				+      topBGUrl.value = baseInfo.baseIMGUrl + "/data/D1Analyse/1/developAc.png";
			
 
				+      break;
			
 
				+    case "巅峰":
			
 
				+      topBGUrl.value = baseInfo.baseIMGUrl + "/data/D1Analyse/1/peakAc.png";
			
 
				+      break;
			
 
				+    case "国礼":
			
 
				+      topBGUrl.value = baseInfo.baseIMGUrl + "/data/D1Analyse/1/giftAc.png";
			
 
				+      break;
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+const scrolltolower = async () => {
			
 
				+  if (
			
 
				+    greatList.value.length > totle.value ||
			
 
				+    greatList.value.length === totle.value
			
 
				+  ) {
			
 
				+    uni.showToast({
			
 
				+      title: "没有更多了",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await AnalyseApi.getGoodsList(PageListInfo.value);
			
 
				+    const passNumber =
			
 
				+      (PageListInfo.value.pageNum - 1) * PageListInfo.value.pageSize;
			
 
				+    const over = totle.value - passNumber;
			
 
				+    if (res.data.code === 0) {
			
 
				+      greatList.value = [...greatList.value, ...res.data.data.records];
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const goTo = async (id: number) => {
			
 
				+  const res: any = await AnalyseApi.getGoodDetail(id);
			
 
				+  if (res.data.code == 0) {
			
 
				+    if (res.data.data.modelUrl == "") {
			
 
				+      uni.navigateTo({
			
 
				+        url: `culturalRelicDetail/index?id=${id}`,
			
 
				+      });
			
 
				+    } else {
			
 
				+      uni.navigateTo({
			
 
				+        url: `culturalRelicDetail/index3D?id=${id}`,
			
 
				+      });
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <TabBarTop :title="name + '篇'" :isBack="true" backColor="black" />
			
 
				+    <!-- 背景 -->
			
 
				+    <image
			
 
				+      class="bg-img"
			
 
				+      src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/2/bg.jpg"
			
 
				+      mode="widthFix"
			
 
				+    />
			
 
				+    <image class="icon-img" :src="topBGUrl" mode="widthFix" />
			
 
				+    <view class="content">
			
 
				+      <view class="top">
			
 
				+        <text> {{ typeof detail.entity.content != 'undefined' ? detail.entity.content : "" }}</text>
			
 
				+      </view>
			
 
				+      <scroll-view
			
 
				+        class="bottom"
			
 
				+        :scroll-top="0"
			
 
				+        scroll-y="true"
			
 
				+        @scrolltolower="scrolltolower"
			
 
				+      >
			
 
				+        <view style="text-align: center" v-if="greatList.length === 0"
			
 
				+          >暂无数据</view
			
 
				+        >
			
 
				+        <view v-else class="list">
			
 
				+          <view
			
 
				+            class="list-item"
			
 
				+            v-for="item in greatList"
			
 
				+            :key="item.id"
			
 
				+            @tap="goTo(item.id)"
			
 
				+          >
			
 
				+            <image :src="baseIMGUrl + item.thumb" mode="widthFix" rel="preload" />
			
 
				+            <view class="list-name">{{ item.name }}</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </scroll-view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  position: relative;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+  .bg-img {
			
 
				+  }
			
 
				+
			
 
				+  .icon-img {
			
 
				+    width: 32%;
			
 
				+    position: absolute;
			
 
				+    z-index: 2;
			
 
				+    top: 140rpx;
			
 
				+    left: 60rpx;
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+    overflow: hidden;
			
 
				+    // position: absolute;
			
 
				+  }
			
 
				+
			
 
				+  .content {
			
 
				+    width: 100%;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+
			
 
				+    .top {
			
 
				+      width: 100%;
			
 
				+      display: flex;
			
 
				+      justify-content: right;
			
 
				+
			
 
				+      text {
			
 
				+        width: 80%;
			
 
				+        text-indent: 2em;
			
 
				+        box-sizing: border-box;
			
 
				+        margin: auto;
			
 
				+        margin-bottom: 20rpx;
			
 
				+        font-size: 26rpx;
			
 
				+        line-height: 38rpx;
			
 
				+        display: -webkit-box;
			
 
				+
			
 
				+        -webkit-box-orient: vertical;
			
 
				+
			
 
				+        -webkit-line-clamp: 4;
			
 
				+
			
 
				+        overflow: hidden;
			
 
				+
			
 
				+        white-space: pre-wrap;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .bottom {
			
 
				+      width: 100%;
			
 
				+      height: 60vh;
			
 
				+      z-index: 99;
			
 
				+      border-radius: 15px 15px 0 0;
			
 
				+      box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.2);
			
 
				+      background: #f7f1e6;
			
 
				+      padding: 20px;
			
 
				+      box-sizing: border-box;
			
 
				+      overflow: auto;
			
 
				+
			
 
				+      .list {
			
 
				+        margin: auto;
			
 
				+        width: 100%;
			
 
				+        /* 声明一个容器 */
			
 
				+        display: grid;
			
 
				+        grid-template-columns: repeat(2, 50%);
			
 
				+        /* 声明行间距和列间距 */
			
 
				+        grid-column-gap: 5px;
			
 
				+        grid-row-gap: 10px;
			
 
				+
			
 
				+        &-item {
			
 
				+          width: 90%;
			
 
				+          position: relative;
			
 
				+          background: white;
			
 
				+          height: 40vw;
			
 
				+          text-align: center;
			
 
				+          border-radius: 5px;
			
 
				+          // background: linear-gradient(to top, #2F2828 50%, #BFBDBD 80%, #DFDDDD 92%, #FFFFFF 100%);
			
 
				+          // background: linear-gradient(to bottom, #2F2828 60%, #FFFFFF);
			
 
				+          background: linear-gradient( 180deg, rgba(47,40,40,0.6) 0%, #FFFFFF 100%);
			
 
				+
			
 
				+          image {
			
 
				+            width: 50%;
			
 
				+            margin: 10px auto;
			
 
				+          }
			
 
				+
			
 
				+          .list-name {
			
 
				+            width: 100%;
			
 
				+            position: absolute;
			
 
				+            bottom: 0;
			
 
				+            line-height: 30px;
			
 
				+            text-align: center;
			
 
				+            background: rgba(0, 0, 0, 0.65);
			
 
				+            color: #ffffff;
			
 
				+            border-radius: 0 0 4px 4px;
			
 
				+            overflow: hidden;
			
 
				+            text-overflow: ellipsis;
			
 
				+            white-space: nowrap;
			
 
				+            font-size: 28rpx;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/analyse/index.vue
+++ b/小程序/jingtailan/src/pages/analyse/index.vue
@@ -0,0 +1,270 @@
 
				+<script setup lang="ts">
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import TabBarTopHome from "@/components/TabBarTopHome.vue";
			
 
				+import { onLoad, onShow } from "@dcloudio/uni-app";
			
 
				+
			
 
				+import { AnalyseApi } from "@/api/api/analyse/index";
			
 
				+import { ref } from "vue";
			
 
				+
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+
			
 
				+
			
 
				+const curIndex = ref("国礼");
			
 
				+const models = ref([] as any);
			
 
				+
			
 
				+
			
 
				+// 点击前动画跳转
			
 
				+const isSkipAni = ref(false)
			
 
				+
			
 
				+const goTo = (path: String, current: string) => {
			
 
				+  curIndex.value = current;
			
 
				+  isSkipAni.value = true
			
 
				+  setTimeout(() => {
			
 
				+    uni.navigateTo({ url: path });
			
 
				+    isSkipAni.value = false
			
 
				+  }, 500)
			
 
				+};
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await AnalyseApi.getAnalyseList();
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data;
			
 
				+  }
			
 
				+  //自动清除定时器
			
 
				+  const key = uni.getStorageSync("FIRST_KEY");
			
 
				+  if (key) {
			
 
				+    uni.removeStorage({
			
 
				+      key: "FIRST_KEY",
			
 
				+    });
			
 
				+  }
			
 
				+});
			
 
				+const page = ref('')
			
 
				+onShow(() => {
			
 
				+  page.value = '/pages/analyse/index'
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <scroll-view class="all" :show-scrollbar="false">
			
 
				+    <TabBarTopHome title="赏析" />
			
 
				+    <image :src="baseInfo.baseIMGUrl + '/data/D1Analyse/bg.jpg'" mode="widthFix" />
			
 
				+    <div :class="{ 'animated': isSkipAni }"></div>
			
 
				+    <!-- 国礼 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '国礼' }"
			
 
				+      :style="{ top: '190rpx', left: '64rpx', width: curIndex === '国礼' ? '' : '210rpx', zIndex: isSkipAni && curIndex == '国礼' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=国礼&id=${models[5].id}`, '国礼')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/gift${curIndex === '国礼' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '国礼' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 低谷 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '低谷' }"
			
 
				+      :style="{ top: '320rpx', right: '32rpx', zIndex: isSkipAni && curIndex == '低谷' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=低谷&id=${models[1].id}`, '低谷')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/down${curIndex === '低谷' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '低谷' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 重生 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '重生' }"
			
 
				+      :style="{ top: '570rpx', right: '140rpx', zIndex: isSkipAni && curIndex == '重生' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=重生&id=${models[2].id}`, '重生')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/rebirth${curIndex === '重生' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '重生' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 发展 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '发展' }"
			
 
				+      :style="{ top: '690rpx', left: '86rpx', zIndex: isSkipAni && curIndex == '发展' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=发展&id=${models[3].id}`, '发展')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/develop${curIndex === '发展' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '发展' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 巅峰 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '巅峰' }"
			
 
				+      :style="{ top: '950rpx', right: '256rpx', zIndex: isSkipAni && curIndex == '巅峰' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=巅峰&id=${models[4].id}`, '巅峰')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/peak${curIndex === '巅峰' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '巅峰' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+
			
 
				+    <!-- 盛世 -->
			
 
				+    <view class="analyse-item" :class="{ 'analyse-item-animal': isSkipAni && curIndex == '盛世' }"
			
 
				+      :style="{ top: '1188rpx', left: '60rpx', zIndex: isSkipAni && curIndex == '盛世' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=盛世&id=${models[0].id}`, '盛世')">
			
 
				+      <image :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/D1Analyse/1/flourishing${curIndex === '盛世' ? 'Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+      <div class="aperture-wai"></div>
			
 
				+      <img class="aperture-wai-bg" src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png"
			
 
				+        alt="">
			
 
				+      <!-- 动画跳转动画 -->
			
 
				+      <!-- <div :class="{ 'animated': isSkipAni && curIndex == '盛世' }"></div> -->
			
 
				+    </view>
			
 
				+
			
 
				+  </scroll-view>
			
 
				+  <TabBar :page="page" />
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: calc(100vh - 150rpx);
			
 
				+  overflow: hidden;
			
 
				+  position: relative;
			
 
				+
			
 
				+  ::-webkit-scrollbar {
			
 
				+    display: none !important;
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: calc(100% + 1px);
			
 
				+    margin-left: -1px;
			
 
				+    margin-bottom: -4px;
			
 
				+  }
			
 
				+
			
 
				+
			
 
				+  .analyse-item-animal {
			
 
				+    animation: animateingItem .1s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes animateingItem {
			
 
				+    0% {
			
 
				+      transform: scale(1);
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+      transform: scale(0);
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+      transform: scale(1);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .analyse-item {
			
 
				+    width: 270rpx;
			
 
				+    position: absolute;
			
 
				+
			
 
				+
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      position: relative;
			
 
				+      z-index: 2;
			
 
				+    }
			
 
				+
			
 
				+    // 光圈
			
 
				+    .aperture-wai {
			
 
				+      width: 196rpx;
			
 
				+      height: 196rpx;
			
 
				+      // box-shadow: 0 0 10px 10px rgba(255, 255, 255, 1);
			
 
				+      border-radius: 50%;
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      // top: -24%;
			
 
				+      left: 49.5%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      z-index: 2;
			
 
				+      // background: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/D1Analyse/cicleBg.png');
			
 
				+      // background-image: linear-gradient(to bottom, #fbb8b8, white);
			
 
				+      background-size: 100% 100%;
			
 
				+      animation-name: fadenum;
			
 
				+      animation-duration: 2s;
			
 
				+      animation-iteration-count: infinite;
			
 
				+      animation-direction: alternate;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes fadenum {
			
 
				+      from {
			
 
				+        box-shadow: 0 0 18px 18px rgba(255, 255, 255, 0.856);
			
 
				+      }
			
 
				+
			
 
				+      to {
			
 
				+        box-shadow: 0 0 8px 8px rgb(255, 255, 255);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .aperture-wai-bg {
			
 
				+      width: 110%;
			
 
				+      height: 110%;
			
 
				+      border-radius: 50%;
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      // top: -24%;
			
 
				+      left: 49.5%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      z-index: 1;
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .animated {
			
 
				+    width: 100vw;
			
 
				+    height: 100vh;
			
 
				+    // border-radius: 50%;
			
 
				+    background: white;
			
 
				+    box-shadow: 0 0 5px 5px rgb(255, 255, 255);
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    // top: -70%;
			
 
				+    // left: -20%;
			
 
				+    // transform: translate(-50%, -50%);
			
 
				+    z-index: 3;
			
 
				+    animation: animateing .7s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes animateing {
			
 
				+    // 0% {
			
 
				+    //   opacity: 0;
			
 
				+    // }
			
 
				+
			
 
				+    0% {
			
 
				+      opacity: 0;
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+      opacity: 1;
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+      opacity: 0;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/craft/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/craft/detail/index.vue
@@ -0,0 +1,68 @@
 
				+<script setup lang='ts'>
			
 
				+import { onLoad } from '@dcloudio/uni-app'
			
 
				+import { onUnmounted, ref } from 'vue';
			
 
				+import ModelDeatil from '@/components/ModelDeatil.vue'
			
 
				+import commonn from "@/static/data/common";
			
 
				+
			
 
				+
			
 
				+
			
 
				+import { CraftApi } from '@/api/api/explore/craft'
			
 
				+
			
 
				+const models = ref({} as any)
			
 
				+
			
 
				+const modelId = ref(0)
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+const playAudio = (name: string) => {
			
 
				+
			
 
				+  musicStaRe.value = commonn.musicSta
			
 
				+  if (musicStaRe.value) {
			
 
				+    console.log(musicStaRe.value)
			
 
				+    // 先暂停背景音频
			
 
				+    commonn.innerAudioContext.pause()
			
 
				+    commonn.musicSta = false
			
 
				+  }
			
 
				+  commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/B1Seek/${name}.mp3`
			
 
				+  commonn.innerAudioContext.currentTime = 0
			
 
				+  commonn.introAudioContext.autoplay = true
			
 
				+
			
 
				+  commonn.introAudioContext.play()
			
 
				+}
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  modelId.value = option?.id;
			
 
				+  const res: any = await CraftApi.getCraftDetail(option?.id)
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data
			
 
				+    uni.setNavigationBarTitle({
			
 
				+      title: models.value.entity.name
			
 
				+    });
			
 
				+    playAudio(models.value.entity.name)
			
 
				+
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <ModelDeatil :detail="models" type="craft" :modelId="modelId" />
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/craft/index.vue
+++ b/小程序/jingtailan/src/pages/explore/craft/index.vue
@@ -0,0 +1,258 @@
 
				+<script setup lang="ts">
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import TabBarTop from "@/components/TabBarTop.vue";
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+
			
 
				+import { CraftApi } from "@/api/api/explore/craft";
			
 
				+import { ref, watch } from "vue";
			
 
				+const curIndex = ref("");
			
 
				+
			
 
				+
			
 
				+// 点击前动画跳转
			
 
				+const isSkipAni = ref(false)
			
 
				+
			
 
				+const goTo = (path: String, current: string) => {
			
 
				+  curIndex.value = current;
			
 
				+  isSkipAni.value = true
			
 
				+  setTimeout(() => {
			
 
				+    uni.navigateTo({ url: path });
			
 
				+    isSkipAni.value = false
			
 
				+  }, 500)
			
 
				+};
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+  startTime: "",
			
 
				+  endTime: "",
			
 
				+});
			
 
				+
			
 
				+const models = ref([] as any);
			
 
				+const timer = ref(0)
			
 
				+const isPicAnimal1 = ref(false)
			
 
				+const isPicAnimal2 = ref(false)
			
 
				+const isPicAnimal3 = ref(false)
			
 
				+const isPicAnimal4 = ref(false)
			
 
				+const isPicAnimal5 = ref(false)
			
 
				+const isPicAnimal6 = ref(false)
			
 
				+
			
 
				+watch(timer, (newVal, oldVal) => {
			
 
				+  if (newVal <= 6) {
			
 
				+    switch (newVal) {
			
 
				+      case 1:
			
 
				+        isPicAnimal1.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal1.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+      case 2:
			
 
				+        isPicAnimal2.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal2.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+      case 3:
			
 
				+        isPicAnimal3.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal3.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+      case 4:
			
 
				+        isPicAnimal4.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal4.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+      case 5:
			
 
				+        isPicAnimal5.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal5.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+      case 6:
			
 
				+        isPicAnimal6.value = true;
			
 
				+        setTimeout(() => {
			
 
				+          timer.value += 1
			
 
				+        }, 200)
			
 
				+        setTimeout(() => {
			
 
				+
			
 
				+          isPicAnimal6.value = false;
			
 
				+        }, 2000)
			
 
				+        break;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+});
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await CraftApi.getCraftList(PageListInfo);
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data.records;
			
 
				+    console.log(models);
			
 
				+  }
			
 
				+  isPicAnimal1.value = true
			
 
				+  timer.value += 1
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <!-- <view @tap="goTo('detail/index')">去了解</view> -->
			
 
				+  <view class="all">
			
 
				+    <TabBarTop title="工艺" :isBack="true" />
			
 
				+    <image :src="baseInfo.baseIMGUrl + '/data/B1Seek/craft/bg.jpg'" mode="widthFix" />
			
 
				+    <div :class="{ 'animated': isSkipAni }"></div>
			
 
				+    <!-- 设计 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal1 }"
			
 
				+      :style="{ top: '31%', right: '24%', zIndex: isSkipAni && curIndex == '设计' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=设计&id=${models[0].id}`, '设计')">
			
 
				+      <image :style="{ width: curIndex === '设计' ? '135%' : '100%' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/1${curIndex === '设计' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 制胎 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal2 }"
			
 
				+      :style="{ top: '42%', left: '22%', zIndex: isSkipAni && curIndex == '制胎' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=制胎&id=${models[1].id}`, '制胎')">
			
 
				+      <image :style="{ width: curIndex === '制胎' ? '135%' : '' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/2${curIndex === '制胎' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+    <!-- 掐丝·焊丝 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal3 }"
			
 
				+      :style="{ top: '53%', right: '24%', zIndex: isSkipAni && curIndex == '掐丝' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=掐丝·焊丝&id=${models[2].id}`, '掐丝')">
			
 
				+      <image :style="{ width: curIndex === '掐丝' ? '135%' : '' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/3${curIndex === '掐丝' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+
			
 
				+    <!-- 点蓝·烧蓝 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal4 }"
			
 
				+      :style="{ top: '64%', left: '22%', zIndex: isSkipAni && curIndex == '点蓝' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=点蓝·烧蓝&id=${models[3].id}`, '点蓝')">
			
 
				+      <image :style="{ width: curIndex === '点蓝' ? '135%' : '' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/4${curIndex === '点蓝' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+    <!-- 磨光 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal5 }"
			
 
				+      :style="{ top: '75%', right: '24%', zIndex: isSkipAni && curIndex == '磨光' ? 4 : 2 }"
			
 
				+      @tap="goTo(`detail/index?name=磨光&id=${models[4].id}`, '磨光')">
			
 
				+      <image :style="{ width: curIndex === '磨光' ? '135%' : '' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/5${curIndex === '磨光' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+    <!-- 镀金 -->
			
 
				+    <view class="item" :class="{ 'pic-animal': isPicAnimal6 }" style="top: 85.5%; left: 22%"
			
 
				+      @tap="goTo(`detail/index?name=镀金&id=${models[5].id}`, '镀金')">
			
 
				+      <image :style="{ width: curIndex === '镀金' ? '135%' : '' }" :src="baseInfo.baseIMGUrl +
			
 
				+        `/data/B1Seek/craft/icon/6${curIndex === '镀金' ? '_Ac' : ''}.png`
			
 
				+        " mode="widthFix" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  position: relative;
			
 
				+
			
 
				+  image {
			
 
				+    width: calc(100% + 1px);
			
 
				+    margin-left: -1px;
			
 
				+    margin-bottom: -4px;
			
 
				+  }
			
 
				+
			
 
				+  .item {
			
 
				+    position: absolute;
			
 
				+    width: 25vw;
			
 
				+    height: 25vw;
			
 
				+    background: rgba(0, 128, 0, 0);
			
 
				+    top: 0;
			
 
				+    border-radius: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      width: 121%;
			
 
				+      height: 100%;
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -49%);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .pic-animal {
			
 
				+    animation: animateingPic 2s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes animateingPic {
			
 
				+    0% {
			
 
				+      box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0);
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+      box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.788);
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+      box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .animated {
			
 
				+    width: 100vw;
			
 
				+    height: 100%;
			
 
				+    // border-radius: 50%;
			
 
				+    background: white;
			
 
				+    box-shadow: 0 0 5px 5px rgb(255, 255, 255);
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    // top: -70%;
			
 
				+    // left: -20%;
			
 
				+    // transform: translate(-50%, -50%);
			
 
				+    z-index: 3;
			
 
				+    animation: animateing .7s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes animateing {
			
 
				+    // 0% {
			
 
				+    //   opacity: 0;
			
 
				+    // }
			
 
				+
			
 
				+    0% {
			
 
				+      opacity: 0;
			
 
				+    }
			
 
				+
			
 
				+    50% {
			
 
				+      opacity: 1;
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+      opacity: 0;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/gift/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/gift/detail/index.vue
@@ -0,0 +1,65 @@
 
				+<script setup lang='ts'>
			
 
				+import { ExploreApi } from '@/api/api/explore';
			
 
				+import ModelDeatil from '@/components/ModelDeatil.vue'
			
 
				+import { onLoad } from '@dcloudio/uni-app';
			
 
				+import { onUnmounted, ref } from 'vue';
			
 
				+import commonn from "@/static/data/common";
			
 
				+
			
 
				+
			
 
				+const models = ref({} as any)
			
 
				+const modelId = ref(0)
			
 
				+const isAudioName = ref('')
			
 
				+
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+const playAudio = (name: string) => {
			
 
				+
			
 
				+  musicStaRe.value = commonn.musicSta
			
 
				+  if (musicStaRe.value) {
			
 
				+    console.log(musicStaRe.value)
			
 
				+    // 先暂停背景音频
			
 
				+    commonn.innerAudioContext.pause()
			
 
				+    commonn.musicSta = false
			
 
				+  }
			
 
				+  commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/data/B1Seek/${name}.mp3`
			
 
				+  commonn.introAudioContext.currentTime = 0
			
 
				+  commonn.introAudioContext.autoplay = true
			
 
				+  commonn.introAudioContext.play()
			
 
				+}
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await ExploreApi.getModelDetail(options?.id);
			
 
				+  modelId.value = options?.id
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data
			
 
				+    console.log(models.value.entity.name)
			
 
				+    if (models.value.entity.name == '四面方尊' || models.value.entity.name == '民族团结' || models.value.entity.name == '盛世欢歌')
			
 
				+      playAudio(models.value.entity.name)
			
 
				+
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+  <ModelDeatil :isAudio="isAudioName == '' ? '' : isAudioName" :detail="models" type="block" :modelId="modelId" />
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/gift/index.vue
+++ b/小程序/jingtailan/src/pages/explore/gift/index.vue
@@ -0,0 +1,65 @@
 
				+<script setup lang='ts'>
			
 
				+import * as baseInfo from '@/api/record';
			
 
				+
			
 
				+import PageListNoRow from '@/components/PageListNoRow.vue';
			
 
				+import { onLoad, onReachBottom } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+import { ExploreApi } from '@/api/api/explore'
			
 
				+import { GiftApi } from '@/api/api/explore/gift';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+  type: 'national'
			
 
				+})
			
 
				+
			
 
				+
			
 
				+
			
 
				+const greatList = ref([] as any)
			
 
				+const totle = ref(0)
			
 
				+const BGS = ref([] as any)
			
 
				+
			
 
				+
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+   // 获取背景图
			
 
				+   const ress: any = await GiftApi.getGoodDetail(option?.id)
			
 
				+  if (ress.data.code === 0) {
			
 
				+    ress.data.data.file.forEach((item: any) => {
			
 
				+      BGS.value.push(baseIMGUrl + item.filePath)
			
 
				+    });
			
 
				+  }
			
 
				+  const res:any = await ExploreApi.getModelList(PageListInfo.value)
			
 
				+  if(res.data.code === 0 ){
			
 
				+    greatList.value = res.data.data.records
			
 
				+    totle.value = res.data.data.total
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (greatList.value.length > totle.value || greatList.value.length === totle.value) {
			
 
				+    uni.showToast({
			
 
				+      title: '没有更多了',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await ExploreApi.getModelList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+   
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <!-- <PageList
			
 
				+    :background="BGS"
			
 
				+    :list="greatList" next="detail/index"></PageList> -->
			
 
				+    <PageListNoRow :background="BGS" :list="greatList" next="detail/index">
			
 
				+  </PageListNoRow>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/great/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/great/detail/index.vue
@@ -0,0 +1,202 @@
 
				+<script setup lang='ts'>
			
 
				+import { onLoad, onReady } from '@dcloudio/uni-app'
			
 
				+import { ref, type Ref } from 'vue';
			
 
				+
			
 
				+import TabBarTop from '@/components/TabBarTop.vue';
			
 
				+
			
 
				+import * as baseInfo from '@/api/record';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+
			
 
				+import { GreatApi } from '@/api/api/explore/great';
			
 
				+import { MineApi } from '@/api/api/mine';
			
 
				+
			
 
				+const detail = ref({} as any)
			
 
				+const modelId = ref(0)
			
 
				+
			
 
				+
			
 
				+
			
 
				+// 理想状态：传入id
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await GreatApi.getGreatDetail(options?.id);
			
 
				+  modelId.value= options?.id;
			
 
				+  if (res.data.code === 0) {
			
 
				+    detail.value = res.data.data;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+
			
 
				+  isCollected();
			
 
				+})
			
 
				+
			
 
				+const bottomBoxHeight = ref('40vh')
			
 
				+
			
 
				+// 进度条滚动
			
 
				+const scrollEvt = (e: any) => {
			
 
				+  if (parseInt(bottomBoxHeight.value) < 80) {
			
 
				+    bottomBoxHeight.value = parseInt(bottomBoxHeight.value) + 5 + 'vh';
			
 
				+    console.log(bottomBoxHeight.value)
			
 
				+  } else {
			
 
				+    return;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+// 收藏
			
 
				+// 判断是否被收藏过
			
 
				+const isCollected = async () => {
			
 
				+  // 拿到全部收藏
			
 
				+  const res: any = await MineApi.getContentList({
			
 
				+    pageNum: 1,
			
 
				+    pageSize: 1000000,
			
 
				+    searchKey: '',
			
 
				+  })
			
 
				+  if (res.data.code === 0) {
			
 
				+    const greatList = await res.data.data.records.find((item: any) => {
			
 
				+      return item.moduleId == modelId.value
			
 
				+    })
			
 
				+    if (greatList) {
			
 
				+      isCollectedInfo.value = true
			
 
				+      return
			
 
				+    }
			
 
				+    return
			
 
				+
			
 
				+  } else {
			
 
				+    return
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const isCollectedInfo = ref(false)
			
 
				+const data = ref({
			
 
				+  has: 0,
			
 
				+  moduleId: 1,
			
 
				+  moduleType: "master",
			
 
				+  name: ""
			
 
				+})
			
 
				+
			
 
				+
			
 
				+const collect = async () => {
			
 
				+  isCollectedInfo.value = !isCollectedInfo.value;
			
 
				+  data.value.has = isCollectedInfo.value ? 1 : 0;
			
 
				+  data.value.moduleId = detail.value.entity.id;
			
 
				+  data.value.name = detail.value.entity.name;
			
 
				+  // 检查token
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    const res: any = await MineApi.collectUpdate(data.value)
			
 
				+    if (res.data.code === 0) {
			
 
				+      uni.showToast({
			
 
				+        title: isCollectedInfo ? '收藏成功' : '取消成功',
			
 
				+        icon: 'none'
			
 
				+      })
			
 
				+    }
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: '身份过期，请重新登录',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    uni.removeStorage({
			
 
				+      key: 'JTL_token'
			
 
				+    })
			
 
				+    uni.removeStorage({
			
 
				+      key: 'JTL_userInfo'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: '../../../mine/index'
			
 
				+      })
			
 
				+    }, 1000)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 图片单张预览
			
 
				+const previewImg = (previewImgUrl: String) => {
			
 
				+  let imgsArray = [];
			
 
				+  //根据api拼接
			
 
				+  imgsArray[0] = baseIMGUrl + previewImgUrl
			
 
				+  uni.previewImage({
			
 
				+    current: 0,
			
 
				+    urls: imgsArray,
			
 
				+    showmenu: false
			
 
				+
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <TabBarTop :isBack="true" />
			
 
				+  <view class="all" v-if="JSON.stringify(detail) != '{}'">
			
 
				+    <image :src="baseIMGUrl + detail.entity?.imgBack" mode="aspectFill" />
			
 
				+    <scroll-view class="bottom" scroll-y="true" @scroll="scrollEvt">
			
 
				+      <view class="bottom-text">{{ detail.entity?.content }}</view>
			
 
				+      <image :src="baseIMGUrl + item.filePath" mode="widthFix" v-for="item in detail.file" :key="item.id"
			
 
				+        @tap="previewImg(item.filePath)" />
			
 
				+    </scroll-view>
			
 
				+    <view class="levitated-box">
			
 
				+      <image :src="baseInfo.baseIMGUrl + `/bottomInco/collectIcon${isCollectedInfo ? 'Ac' : ''}.png`" mode="widthFix"
			
 
				+        @tap="collect" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  // background: #C7965B;
			
 
				+  background: #c7965b;
			
 
				+  position: relative;
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    margin-top: -15px;
			
 
				+    height: v-bind(bottomBoxHeight);
			
 
				+    overflow: auto;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 28px 38px 30px 38px;
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    background: #F7F1E680;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+
			
 
				+    image {
			
 
				+      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
			
 
				+    }
			
 
				+
			
 
				+    &-text {
			
 
				+      font-size: 14px;
			
 
				+      margin-bottom: 20px;
			
 
				+      white-space: pre-wrap;
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+
			
 
				+  // 悬浮球
			
 
				+  .levitated-box {
			
 
				+    background-color: #00000080;
			
 
				+    border-radius: 50px;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    padding: 10px;
			
 
				+    box-sizing: border-box;
			
 
				+    position: fixed;
			
 
				+    right: 30px;
			
 
				+    bottom: 50px;
			
 
				+
			
 
				+    image {
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/great/index.vue
+++ b/小程序/jingtailan/src/pages/explore/great/index.vue
@@ -0,0 +1,77 @@
 
				+<script setup lang='ts'>
			
 
				+import PageListNoRow from '@/components/PageListNoRow.vue'
			
 
				+import { onLoad, onReachBottom } from '@dcloudio/uni-app';
			
 
				+
			
 
				+import { GreatApi } from '@/api/api/explore/great/index'
			
 
				+import { ref } from 'vue';
			
 
				+import { GiftApi } from '@/api/api/explore/gift';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+  startTime: '',
			
 
				+  endTime: ''
			
 
				+})
			
 
				+
			
 
				+
			
 
				+const totle = ref(0)
			
 
				+const greatList = ref([] as any)
			
 
				+const BGS = ref([] as any)
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  // 获取背景图
			
 
				+  const ress: any = await GiftApi.getGoodDetail(options?.id)
			
 
				+  if (ress.data.code === 0) {
			
 
				+    ress.data.data.file.forEach((item: any) => {
			
 
				+      BGS.value.push(baseIMGUrl + item.filePath)
			
 
				+    });
			
 
				+  }
			
 
				+  const res: any = await GreatApi.getGreatList(PageListInfo);
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records
			
 
				+    totle.value = res.data.data.total
			
 
				+  }
			
 
				+})
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (greatList.value.length > totle.value || greatList.value.length === totle.value) {
			
 
				+    uni.showToast({
			
 
				+      title: '没有更多了',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await GreatApi.getGreatList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+
			
 
				+    // const passNumber = (PageListInfo.value.pageNum - 1) * PageListInfo.value.pageSize;
			
 
				+    // const over = totle.value - passNumber
			
 
				+    // if (res.data.code === 0) {
			
 
				+    //   if (over > PageListInfo.value.pageSize) {
			
 
				+    //     // 当前接口数据全部推入
			
 
				+    //     greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+    //   }else {
			
 
				+    //     // 取前over个
			
 
				+    //     const overList = greatList.value.slice(0,over);
			
 
				+    //     greatList.value = [...greatList.value, ...overList]
			
 
				+    //   }
			
 
				+    // }
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <PageListNoRow :background="BGS" :list="greatList" next="detail/index"></PageListNoRow>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+.more-box {
			
 
				+  width: 100vw;
			
 
				+  text-align: center;
			
 
				+  font-size: 20rpx;
			
 
				+  color: rgba(214, 212, 212, 0.671);
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/history/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/history/detail/index.vue
@@ -0,0 +1,34 @@
 
				+<script setup lang='ts'>
			
 
				+import { ExploreApi } from '@/api/api/explore';
			
 
				+import ModelDeatil from '@/components/ModelDeatil.vue'
			
 
				+import { onLoad } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const models = ref({} as any)
			
 
				+const modelId = ref(0)
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await ExploreApi.getModelDetail(options?.id);
			
 
				+  modelId.value = options?.id
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+  <ModelDeatil :detail="models" type="block" :modelId="modelId" />
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/history/index.vue
+++ b/小程序/jingtailan/src/pages/explore/history/index.vue
@@ -0,0 +1,67 @@
 
				+<script setup lang='ts'>
			
 
				+import PageListNoRow from '@/components/PageListNoRow.vue'
			
 
				+
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+
			
 
				+import { ExploreApi } from '@/api/api/explore'
			
 
				+import { GiftApi } from '@/api/api/explore/gift'
			
 
				+import { onLoad, onReachBottom } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+  type: 'history'
			
 
				+})
			
 
				+
			
 
				+const greatList = ref([] as any)
			
 
				+const totle = ref(0)
			
 
				+const BGS = ref([] as any)
			
 
				+
			
 
				+
			
 
				+// 给数据的每个对象添加text属性，用于表示列表显示文字
			
 
				+const addText = () => {
			
 
				+  greatList.value.map((item: any) => {
			
 
				+    item['text'] = item.name
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  // 获取背景图
			
 
				+  const ress: any = await GiftApi.getGoodDetail(option?.id)
			
 
				+  if (ress.data.code === 0) {
			
 
				+    ress.data.data.file.forEach((item: any) => {
			
 
				+      BGS.value.push(baseIMGUrl + item.filePath)
			
 
				+    });
			
 
				+  }
			
 
				+  const res: any = await ExploreApi.getModelList(PageListInfo.value)
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records
			
 
				+    totle.value = res.data.data.total
			
 
				+    addText()
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (greatList.value.length > totle.value || greatList.value.length === totle.value) {
			
 
				+    uni.showToast({
			
 
				+      title: '没有更多了',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await ExploreApi.getModelList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <PageListNoRow :background="BGS" :list="greatList" next="detail/index">
			
 
				+  </PageListNoRow>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/index.vue
+++ b/小程序/jingtailan/src/pages/explore/index.vue
@@ -0,0 +1,122 @@
 
				+<script setup lang='ts'>
			
 
				+import { HomeApi } from '@/api/api/home/index';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+import TabBarTopHome from "@/components/TabBarTopHome.vue";
			
 
				+import { onLoad, onReady, onShow } from '@dcloudio/uni-app';
			
 
				+
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+
			
 
				+
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+const goTo = (path: String) => {
			
 
				+  uni.navigateTo({
			
 
				+    //保留当前页面，跳转到应用内的某个页面
			
 
				+    url: path
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const models = ref([] as any)
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await HomeApi.getExplore();
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data;
			
 
				+  }
			
 
				+  // 自动跳转后自动清除定时器
			
 
				+  const key = uni.getStorageSync('FIRST_KEY')
			
 
				+  if (key) {
			
 
				+    uni.removeStorage({
			
 
				+      key: 'FIRST_KEY'
			
 
				+    })
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const page = ref('')
			
 
				+onShow(() => {
			
 
				+  page.value = '/pages/explore/index'
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <!-- <TabBarTop title="探索" color="rgba(0,0,0,0.6)"   /> -->
			
 
				+    <TabBarTopHome title="探索" />
			
 
				+    <view style="padding-left: 10px; padding-right: 10px;margin-top: 12vh;">
			
 
				+      <view class="top">
			
 
				+        <image @tap="goTo(`gift/index?id=${models[1].id}`)" :src="baseIMGUrl + models[1]?.thumb" mode="widthFix" />
			
 
				+      </view>
			
 
				+      <view class="center-box">
			
 
				+        <view class="center-box-row" style="margin-bottom: 15px;">
			
 
				+          <image @tap="goTo(`history/index?id=${models[2].id}`)" :src="baseIMGUrl + models[2]?.thumb" mode="widthFix" />
			
 
				+          <image @tap="goTo(`great/index?id=${models[3].id}`)" :src="baseIMGUrl + models[3]?.thumb" mode="widthFix" />
			
 
				+        </view>
			
 
				+        <view class="center-box-row">
			
 
				+          <image @tap="goTo(`craft/index?id=${models[4].id}`)" :src="baseIMGUrl + models[4]?.thumb" mode="widthFix" />
			
 
				+          <image @tap="goTo(`order/index?id=${models[5].id}`)" :src="baseIMGUrl + models[5]?.thumb" mode="widthFix" />
			
 
				+        </view>
			
 
				+      </view>
			
 
				+      <view class="top">
			
 
				+        <image @tap="goTo(`project/index?id=${models[6].id}`)" :src="baseIMGUrl + models[6]?.thumb" mode="widthFix" />
			
 
				+      </view>
			
 
				+    </view>
			
 
				+    <TabBar :page="page" />
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+::-webkit-scrollbar {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: calc(100vh - 150rpx);
			
 
				+  padding-bottom: 20px;
			
 
				+  box-sizing: border-box;
			
 
				+  background: #F7F1E6;
			
 
				+  overflow: auto;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 30%;
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      border-radius: 6px;
			
 
				+      box-shadow: 0px 3px 2px 0px rgb(0 0 0 / 25%);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .box {
			
 
				+    border: 1px dotted gray;
			
 
				+  }
			
 
				+
			
 
				+  .center-box {
			
 
				+    width: 100%;
			
 
				+    // height: calc(40% - 20px);
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+    margin: 15px 0;
			
 
				+
			
 
				+    &-row {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+
			
 
				+      image {
			
 
				+        width: 48%;
			
 
				+        box-shadow: 0px 3px 2px 0px rgb(0 0 0 / 25%);
			
 
				+        border-radius: 6px;
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/order/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/order/detail/index.vue
@@ -0,0 +1,33 @@
 
				+<script setup lang='ts'>
			
 
				+import { ExploreApi } from '@/api/api/explore';
			
 
				+import ModelDeatil from '@/components/ModelDeatil.vue'
			
 
				+import { onLoad } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const models = ref({} as any)
			
 
				+const modelId = ref(0)
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await ExploreApi.getModelDetail(options?.id);
			
 
				+  modelId.value = options?.id
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+  <ModelDeatil :detail="models" type="block" :modelId="modelId"/>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/order/index.vue
+++ b/小程序/jingtailan/src/pages/explore/order/index.vue
@@ -0,0 +1,61 @@
 
				+<script setup lang='ts'>
			
 
				+import PageListNoRow from '@/components/PageListNoRow.vue'
			
 
				+
			
 
				+
			
 
				+import { ExploreApi } from '@/api/api/explore'
			
 
				+import { ref } from 'vue';
			
 
				+import { onLoad, onReachBottom } from '@dcloudio/uni-app';
			
 
				+import { GiftApi } from '@/api/api/explore/gift';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+  type: 'custom'
			
 
				+})
			
 
				+
			
 
				+
			
 
				+
			
 
				+const greatList = ref([] as any)
			
 
				+const totle = ref(0)
			
 
				+const BGS = ref([] as any)
			
 
				+
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+   // 获取背景图
			
 
				+   const ress: any = await GiftApi.getGoodDetail(option?.id)
			
 
				+  if (ress.data.code === 0) {
			
 
				+    ress.data.data.file.forEach((item: any) => {
			
 
				+      BGS.value.push(baseIMGUrl + item.filePath)
			
 
				+    });
			
 
				+  }
			
 
				+  const res:any = await ExploreApi.getModelList(PageListInfo.value)
			
 
				+  if(res.data.code === 0 ){
			
 
				+    greatList.value = res.data.data.records
			
 
				+    totle.value = res.data.data.total
			
 
				+
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (greatList.value.length > totle.value || greatList.value.length === totle.value) {
			
 
				+    uni.showToast({
			
 
				+      title: '没有更多了',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await ExploreApi.getModelList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <PageListNoRow :background="BGS" :list="greatList" next="detail/index"></PageListNoRow>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/project/detail/index.vue
+++ b/小程序/jingtailan/src/pages/explore/project/detail/index.vue
@@ -0,0 +1,35 @@
 
				+<script setup lang='ts'>
			
 
				+import { ExploreApi } from '@/api/api/explore';
			
 
				+import ModelDeatil from '@/components/ModelDeatil.vue'
			
 
				+import { onLoad } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+const models = ref({} as any)
			
 
				+const modelId = ref(0)
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await ExploreApi.getModelDetail(options?.id);
			
 
				+  modelId.value = options?.id
			
 
				+
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+  <ModelDeatil :detail="models" type="block" :modelId="modelId"/>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/explore/project/detail/index2.vue
+++ b/小程序/jingtailan/src/pages/explore/project/detail/index2.vue
@@ -0,0 +1,97 @@
 
				+<script setup lang='ts'>
			
 
				+import * as baseInfo from '@/api/record';
			
 
				+
			
 
				+const data = {
			
 
				+  titles: [
			
 
				+    '北京昆泰国际大型环境装饰艺术',
			
 
				+    '《花开富贵》景泰蓝艺术喷水池工程'
			
 
				+  ],
			
 
				+  imgList: [
			
 
				+    baseInfo.baseIMGUrl + '/data/B1Seek/project/sw1.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/sw2.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/sw3.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/sw1.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/sw2.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/sw3.png'
			
 
				+  ],
			
 
				+  paragraph: [
			
 
				+    '《花开富贵》景泰蓝艺术喷水池工程是景泰蓝工艺主体，锻铜、堑铜装饰，灯光及喷泉系统工程相结合的大型环境艺术工程。位于朝外C区“昆泰国际”前广场。俯瞰是一个巨大的钥匙型组合，总长28米，最宽处8.2米，总面积约80平方米。',
			
 
				+    '《花开富贵》俯瞰是一个巨大的钥匙型组合，总长28米，最宽处8.2米，总面积约80平方米。'
			
 
				+  ],
			
 
				+  contentImg: [
			
 
				+    baseInfo.baseIMGUrl + '/data/B1Seek/project/1/1.png', baseInfo.baseIMGUrl + '/data/B1Seek/project/1/2.png'
			
 
				+  ]
			
 
				+}
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <view class="title" v-for="item in data.titles" :key="item">{{ item }}</view>
			
 
				+    <view class="image-box">
			
 
				+      <image class="big-image" :src="data.imgList[0]" mode="aspectFill" />
			
 
				+      <view class="imgs-box">
			
 
				+        <view v-for="(item, index) in data.imgList" :key="item">
			
 
				+          <image :src="item" mode="aspectFill" />
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+    <view class="content-box" v-for="index in (data.paragraph.length + 1)" :key="index">
			
 
				+      <view class="paragraph">
			
 
				+        {{ data.paragraph[index - 1] }}
			
 
				+      </view>
			
 
				+      <image :src="data.contentImg[index - 1]" mode="widthFit" />
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+.all {
			
 
				+  background: #F7F1E6;
			
 
				+
			
 
				+  .title {
			
 
				+    width: 100%;
			
 
				+    text-align: center;
			
 
				+    font-size: 14px;
			
 
				+    font-weight: bold;
			
 
				+  }
			
 
				+
			
 
				+  .image-box {
			
 
				+    width: 100%;
			
 
				+    margin-top: 20px;
			
 
				+
			
 
				+    .big-image {
			
 
				+      width: 100%;
			
 
				+      height: 40vh;
			
 
				+    }
			
 
				+
			
 
				+    .imgs-box {
			
 
				+      padding: 0 20px;
			
 
				+      height: 10vh;
			
 
				+      overflow: auto;
			
 
				+      display: flex;
			
 
				+
			
 
				+      image {
			
 
				+        height: 100%;
			
 
				+        width: 20vw;
			
 
				+        margin-right: 10px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .content-box {
			
 
				+    padding: 0 20px;
			
 
				+
			
 
				+    .paragraph {
			
 
				+      width: 100%;
			
 
				+      padding: 20px;
			
 
				+      box-sizing: border-box;
			
 
				+      margin-bottom: 10px;
			
 
				+      font-size: 12px;
			
 
				+      line-height: 20px;
			
 
				+    }
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/explore/project/index.vue
+++ b/小程序/jingtailan/src/pages/explore/project/index.vue
@@ -0,0 +1,160 @@
 
				+<script setup lang="ts">
			
 
				+import { ExploreApi } from "@/api/api/explore";
			
 
				+import { GiftApi } from "@/api/api/explore/gift";
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+
			
 
				+const goTo = (path: String) => {
			
 
				+  uni.navigateTo({ url: path });
			
 
				+};
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+  type: "project",
			
 
				+});
			
 
				+const totle = ref(0);
			
 
				+const greatList = ref([] as any);
			
 
				+const BGS = ref([] as any);
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  // 获取背景图
			
 
				+  const ress: any = await GiftApi.getGoodDetail(option?.id);
			
 
				+  if (ress.data.code === 0) {
			
 
				+    ress.data.data.file.forEach((item: any) => {
			
 
				+      BGS.value.push(baseIMGUrl + item.filePath);
			
 
				+    });
			
 
				+  }
			
 
				+  const res: any = await ExploreApi.getModelList(PageListInfo.value);
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records;
			
 
				+    totle.value = res.data.data.total;
			
 
				+  }
			
 
				+});
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  console.log("怎么不加载", greatList.value.length, totle.value);
			
 
				+  if (
			
 
				+    greatList.value.length > totle.value ||
			
 
				+    greatList.value.length === totle.value
			
 
				+  ) {
			
 
				+    uni.showToast({
			
 
				+      title: "没有更多了",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await ExploreApi.getModelList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records];
			
 
				+  }
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <view class="top">
			
 
				+      <image height="100%" :src="BGS[0]" mode="aspectFill" class="openAnimal"></image>
			
 
				+      <!-- <image :src="background" mode="widthFix" /> -->
			
 
				+      <!-- <swiper class="swiper-box" :indicator-dots="BGS.length > 1 ? true : false" indicator-active-color="#FFFFFF" circular
			
 
				+        autoplay>
			
 
				+        <swiper-item v-for="item in BGS">
			
 
				+          <image height="100%" :src="item" mode="aspectFill"></image>
			
 
				+        </swiper-item>
			
 
				+      </swiper> -->
			
 
				+    </view>
			
 
				+    <view class="bottom">
			
 
				+      <view v-for="(item, index) in greatList" :key="index" :style="{ position: 'relative', height: '40vw' }">
			
 
				+        <image :src="baseIMGUrl + item?.thumb" @tap="goTo(`detail/index?id=${item.id}`)" mode="aspectFill" />
			
 
				+        <view class="text">{{ item?.name }}</view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100%;
			
 
				+
			
 
				+  .top {
			
 
				+    width: 100%;
			
 
				+    height: 35vh;
			
 
				+
			
 
				+    .openAnimal {
			
 
				+      animation: openAnimation 1.5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes openAnimation {
			
 
				+      0% {
			
 
				+        opacity: 0;
			
 
				+      }
			
 
				+
			
 
				+      50% {
			
 
				+        opacity: 0.5;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        opacity: 1;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .swiper-box {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+
			
 
				+      image {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        border-radius: 4px;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      border-radius: 4px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottom {
			
 
				+    width: 100%;
			
 
				+    margin-top: -15px;
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 20px;
			
 
				+    padding-top: 30px;
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    background: #f7f1e6;
			
 
				+    position: absolute;
			
 
				+    z-index: 2;
			
 
				+    display: grid;
			
 
				+    grid-template-rows: 40vw 40vw;
			
 
				+    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
			
 
				+    grid-gap: 20px 20px;
			
 
				+    min-height: calc(65vh + 15px);
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      border-radius: 4px;
			
 
				+    }
			
 
				+
			
 
				+    .text {
			
 
				+      width: 100%;
			
 
				+      position: absolute;
			
 
				+      font-size: 28rpx;
			
 
				+      line-height: 30px;
			
 
				+      color: white;
			
 
				+      overflow: hidden;
			
 
				+      white-space: nowrap;
			
 
				+      text-overflow: ellipsis;
			
 
				+      text-align: center;
			
 
				+      bottom: 0;
			
 
				+      background-color: rgba(0, 0, 0, 0.65);
			
 
				+      border-radius: 0 0 4px 4px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/home/index.vue
+++ b/小程序/jingtailan/src/pages/home/index.vue
@@ -0,0 +1,635 @@
 
				+<script setup lang='ts'>
			
 
				+import TabBarTopHome from '@/components/TabBarTopHome.vue';
			
 
				+import { baseIMGUrl } from '@/api/request';
			
 
				+import { HomeApi } from '@/api/api/home/index';
			
 
				+import { onLoad, onShow } from '@dcloudio/uni-app';
			
 
				+import { ref } from 'vue';
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+import commonn from "@/static/data/common";
			
 
				+
			
 
				+const models = ref([] as any)
			
 
				+
			
 
				+const timer = ref()
			
 
				+
			
 
				+const baseUrl = `https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/`
			
 
				+// 背景动画
			
 
				+const bgAnimaled = ref(false)
			
 
				+const changeAnimaled = ref(false)
			
 
				+// 瓶子动画
			
 
				+const bottleAnimaled = ref(false)
			
 
				+// 切换动画
			
 
				+const changBottleAn = ref(false)
			
 
				+const nameChangeAn = ref(false)
			
 
				+// 瓶子放大动画
			
 
				+const bottleBig = ref(false)
			
 
				+// 月光动画
			
 
				+const moonAn1 = ref(false) // 放大过程
			
 
				+const moonAn2 = ref(false) // 下跌过程
			
 
				+
			
 
				+const musicState = ref(false)
			
 
				+
			
 
				+// 瓶子切换列表
			
 
				+const bottles = ref([
			
 
				+  {
			
 
				+    id: 1,
			
 
				+    namePic: `${baseUrl}text2.png`,
			
 
				+    bottlePic: `${baseUrl}2.png`,
			
 
				+    disc1: '国家主席习近平在达沃斯国际会议中心出席世界经济论坛2017年年会开幕式，',
			
 
				+    disc2: '向世界经济论坛赠送了一座《四面方尊》',
			
 
				+    bgUrl: `${baseUrl}bg2.png`,
			
 
				+    detailId: 47
			
 
				+  },
			
 
				+  {
			
 
				+    id: 0,
			
 
				+    namePic: `${baseUrl}text1.png`,
			
 
				+    bottlePic: `${baseUrl}1.png`,
			
 
				+    disc1: '中央政府',
			
 
				+    disc2: '赠送西藏自治区大型礼品',
			
 
				+    bgUrl: `${baseUrl}bg1.png`,
			
 
				+    detailId: 49
			
 
				+  },
			
 
				+  {
			
 
				+    id: 4,
			
 
				+    namePic: `${baseUrl}text5.png`,
			
 
				+    bottlePic: `${baseUrl}5.png`,
			
 
				+    disc1: '中央政府',
			
 
				+    disc2: '赠送宁夏回族自治区大型礼品',
			
 
				+    bgUrl: `${baseUrl}bg2.png`,
			
 
				+    detailId: 48
			
 
				+  }, {
			
 
				+    id: 2,
			
 
				+    namePic: `${baseUrl}text3.png`,
			
 
				+    bottlePic: `${baseUrl}3.png`,
			
 
				+    disc1: '中央政府',
			
 
				+    disc2: '赠送新疆维吾尔自治区大型礼品',
			
 
				+    bgUrl: `${baseUrl}bg3.png`,
			
 
				+    detailId: 50
			
 
				+  }, {
			
 
				+    id: 3,
			
 
				+    namePic: `${baseUrl}text4.png`,
			
 
				+    bottlePic: `${baseUrl}4.png`,
			
 
				+    disc1: '中央政府',
			
 
				+    disc2: '赠送广西壮族自治区大型礼品',
			
 
				+    bgUrl: `${baseUrl}bg3.png`,
			
 
				+    detailId: 43
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+// 开始滑动的y
			
 
				+const startY = ref(0)
			
 
				+const endY = ref(0)
			
 
				+
			
 
				+const handleTouchStart = (event: any) => {
			
 
				+  startY.value = event.changedTouches[0].pageY
			
 
				+}
			
 
				+
			
 
				+const handleTouchMove = (event: any) => {
			
 
				+
			
 
				+}
			
 
				+const handleTouchEnd = (event: any) => {
			
 
				+  endY.value = event.changedTouches[0].pageY
			
 
				+  console.log(endY.value - startY.value)
			
 
				+  if (endY.value - startY.value < -20) {
			
 
				+    changBottleAn.value = true
			
 
				+    moonAn1.value = true
			
 
				+    setTimeout(() => {
			
 
				+      moonAn2.value = true
			
 
				+      moonAn1.value = false
			
 
				+      setTimeout(() => {
			
 
				+        moonAn2.value = false
			
 
				+      }, 500)
			
 
				+    }, 300)
			
 
				+    setTimeout(() => {
			
 
				+      curIndex.value = curIndex.value == (bottles.value.length - 1) ? 0 : curIndex.value + 1
			
 
				+      setTimeout(() => {
			
 
				+        nameChangeAn.value = true
			
 
				+        setTimeout(() => {
			
 
				+          nameChangeAn.value = false
			
 
				+        }, 500)
			
 
				+      }, 500)
			
 
				+    }, 500)
			
 
				+    setTimeout(() => {
			
 
				+      changBottleAn.value = false
			
 
				+      bottleBig.value = true
			
 
				+      setTimeout(() => {
			
 
				+        bottleBig.value = false
			
 
				+      }, 500)
			
 
				+    }, 1000)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const curIndex = ref(0)
			
 
				+
			
 
				+// 预加载所有图片
			
 
				+const preloadImg = (bottles: any) => {
			
 
				+  // bottles.forEach((item: any) => {
			
 
				+  //   const img = new Image()
			
 
				+  //   img.src = item.bgUrl
			
 
				+  // })
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+onLoad(async (options) => {
			
 
				+  const res: any = await HomeApi.getExplore();
			
 
				+  if (res.data.code === 0) {
			
 
				+    models.value = res.data.data;
			
 
				+  }
			
 
				+  preloadImg(bottles.value)
			
 
				+  // 分配第一个瓶子
			
 
				+  // curBottle.value = bottles.value[0]
			
 
				+  curIndex.value = 0
			
 
				+
			
 
				+  const res2: any = await HomeApi.sendVisit();
			
 
				+
			
 
				+  // setTimeout(() => {
			
 
				+  //   // 3s后如果缓存中还存在FIRST_KEY，那么就跳转
			
 
				+  //   const key = uni.getStorageSync('FIRST_KEY')
			
 
				+  //   if (key) {
			
 
				+  //     console.log('该跳了')
			
 
				+  //     uni.switchTab({
			
 
				+  //       url: '../visit/index'
			
 
				+  //     })
			
 
				+  //   }
			
 
				+  // }, 3000)
			
 
				+
			
 
				+})
			
 
				+
			
 
				+const musicPlay = () => {
			
 
				+  // console.log('背景音乐播放')
			
 
				+  commonn.innerAudioContext.play()
			
 
				+  commonn.musicSta = true
			
 
				+  musicState.value = true
			
 
				+}
			
 
				+
			
 
				+const musicPause = () => {
			
 
				+  // console.log('背景音乐关闭')
			
 
				+  commonn.innerAudioContext.pause()
			
 
				+  commonn.musicSta = false
			
 
				+  musicState.value = false
			
 
				+}
			
 
				+
			
 
				+const page = ref('')
			
 
				+onShow(() => {
			
 
				+  page.value = '/pages/home/index'
			
 
				+  musicState.value = commonn.musicSta
			
 
				+  if (!commonn.musicSta) {
			
 
				+    commonn.innerAudioContext.currentTime = 0
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+    musicState.value = true
			
 
				+  }
			
 
				+  bottleAnimaled.value = true
			
 
				+  setTimeout(() => {
			
 
				+    // 背景动画开启
			
 
				+    bgAnimaled.value = true
			
 
				+    changeAnimaled.value = true
			
 
				+    setTimeout(() => {
			
 
				+      changeAnimaled.value = false
			
 
				+      bgAnimaled.value = false
			
 
				+      bottleAnimaled.value = false
			
 
				+    }, 2000)
			
 
				+  }, 100)
			
 
				+})
			
 
				+
			
 
				+// 跳转至国礼详情页
			
 
				+const goDetail = (path: string, id: number) => {
			
 
				+  console.log('跳转')
			
 
				+  uni.navigateTo({ url: path + "?id=" + id });
			
 
				+}
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <scroll-view class="all" :show-scrollbar="false">
			
 
				+    <view class="all" v-if="models" @touchstart="handleTouchStart" @touchmove="handleTouchMove"
			
 
				+      @touchend="handleTouchEnd">
			
 
				+      <!-- <TabBarTop title="今日" />、 -->
			
 
				+      <TabBarTopHome title="探索" />
			
 
				+      <!-- <img class="parclose-box" :class="{ 'parclose-box-an': bgAnimaled }"
			
 
				+      src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/parclose.png" alt="" mode="widthFix"> -->
			
 
				+      <div class="parclose-box" :class="{ 'parclose-box-an': bgAnimaled && bottles[curIndex].id == 0, }">
			
 
				+        <img class="bgImg" :src="bottles[curIndex].bgUrl" alt="" mode="widthFix">
			
 
				+        <img class="moonImg" :class="{ 'parclose-change-an': moonAn1, 'parclose-change-an2': moonAn2 }"
			
 
				+          :src="`${baseUrl}moon.png`" alt="" mode="heightFix">
			
 
				+      </div>
			
 
				+      <!-- 背景层 -->
			
 
				+      <div class="bg-coverage">
			
 
				+        <!-- 故宫 -->
			
 
				+        <img class="gugon" :class="{ 'bg-coverage-gugon': bgAnimaled }"
			
 
				+          src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/gugong.png" alt="" mode="widthFix">
			
 
				+        <!-- 山下 -->
			
 
				+        <img class="shanxia" :class="{ 'bg-coverage-gugon': bgAnimaled }"
			
 
				+          src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/mDown.png" alt="" mode="widthFix">
			
 
				+        <!-- 山上 -->
			
 
				+        <img class="shanshang" :class="{ 'bg-coverage-shanshang': bgAnimaled }"
			
 
				+          src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/mUp.png" alt="" mode="widthFix">
			
 
				+        <!-- 云 -->
			
 
				+        <img class="cloud" :class="{ 'bg-coverage-cloud': bgAnimaled }"
			
 
				+          src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/A1Day/cloud.png" alt="" mode="widthFix">
			
 
				+      </div>
			
 
				+      <!-- 瓶子层 -->
			
 
				+      <div class="bottle-coverage">
			
 
				+        <!-- 作品名称 -->
			
 
				+        <img class="bottle-name" :class="{ 'bottle-name-an': changeAnimaled, 'name-change-an': nameChangeAn }"
			
 
				+          :style="{ display: changBottleAn && !nameChangeAn ? 'none' : '' }" :src="bottles[curIndex].namePic" alt=""
			
 
				+          @tap="goDetail('/pages/explore/gift/detail/index', bottles[curIndex].detailId)" mode="widthFix">
			
 
				+        <view v-show="!changBottleAn && !nameChangeAn" class="bottle-name-view">
			
 
				+
			
 
				+        </view>
			
 
				+        <!-- 文字 -->
			
 
				+        <div class="disc-box" :class="{ 'bottle-change-an': changBottleAn }"
			
 
				+          :style="{ fontSize: bottles[curIndex].id == 1 ? '25rpx' : 'auto', height: bottles[curIndex].id == 4 ? '45%' : '' }">
			
 
				+          <!-- 作品 -->
			
 
				+          <img class="bottle-box"
			
 
				+            :class="{ 'bottle-box-an': bottleAnimaled && bottles[curIndex].id == 0, 'bottleItem-change-an': bottleBig }"
			
 
				+            :src="bottles[curIndex].bottlePic" alt="" mode="heightFix">
			
 
				+          <div :class="{ 'disc-boxx': bgAnimaled }">
			
 
				+            <div class="disc-top">{{ bottles[curIndex].disc1 }}</div>
			
 
				+            <div class="disc-bottom">{{ bottles[curIndex].disc2 }}</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </view>
			
 
				+    <TabBar :page="page" />
			
 
				+    <div class="music-box">
			
 
				+      <image v-show="!musicState" @click="musicPlay()" src="@/static/img/bottomInco/musicAc.png" alt="" />
			
 
				+      <image v-show="musicState" @click="musicPause()" src="@/static/img/bottomInco/music.png" alt="" />
			
 
				+    </div>
			
 
				+    <!-- <audio src="https://houseoss.4dkankan.com/project/bjfljtl/audio/bgMusic.mp3" style="display: none;" autoplay></audio> -->
			
 
				+  </scroll-view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+div,
			
 
				+image {
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+image {
			
 
				+  will-change: transform;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+::-webkit-scrollbar {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: calc(100vh - 150rpx);
			
 
				+  background-color: #ffffff;
			
 
				+  overflow: hidden;
			
 
				+
			
 
				+
			
 
				+  .parclose-box {
			
 
				+    width: 100vw;
			
 
				+    height: calc(100vh - 150rpx);
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    overflow: hidden;
			
 
				+
			
 
				+    // display: none;
			
 
				+    .bgImg {
			
 
				+      width: 100%;
			
 
				+      max-height: 100%;
			
 
				+      overflow: hidden;
			
 
				+    }
			
 
				+
			
 
				+    .moonImg {
			
 
				+      height: 50%;
			
 
				+      max-height: 50%;
			
 
				+      position: absolute;
			
 
				+      overflow: hidden;
			
 
				+      top: 15%;
			
 
				+      left: 50%;
			
 
				+      transform: translateX(-50%);
			
 
				+      overflow: hidden;
			
 
				+    }
			
 
				+
			
 
				+    // 切换瓶子(前半段)
			
 
				+    .parclose-change-an {
			
 
				+      animation: parclose-change-animal 0.5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes parclose-change-animal {
			
 
				+      0% {
			
 
				+        // left: 50%;
			
 
				+        transform: scale(1) translateX(-50%);
			
 
				+        display: block;
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        transform: scale(1.3) translateX(-39%);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .parclose-change-an2 {
			
 
				+      animation: parclose-change-animal2 1s;
			
 
				+
			
 
				+      @keyframes parclose-change-animal2 {
			
 
				+        0% {
			
 
				+          // left: 50%;
			
 
				+          top: -50%;
			
 
				+          transform: scale(1) translateX(-50%);
			
 
				+          display: none;
			
 
				+        }
			
 
				+
			
 
				+        100% {
			
 
				+          transform: scale(1) translateX(-50%);
			
 
				+          display: block;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .parclose-box-an {
			
 
				+    animation: parclose-box-animal .7s;
			
 
				+  }
			
 
				+
			
 
				+  @keyframes parclose-box-animal {
			
 
				+    0% {
			
 
				+      transform: scale(10);
			
 
				+    }
			
 
				+
			
 
				+    100% {
			
 
				+      transform: scale(1);
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+  .bg-coverage {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+
			
 
				+    .bg-coverage-gugon {
			
 
				+      animation: animateingItem 1s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes animateingItem {
			
 
				+      0% {
			
 
				+        bottom: -100%;
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        bottom: 0%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .bg-coverage-shanshang {
			
 
				+      animation: animateingItemShanshang 1.5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes animateingItemShanshang {
			
 
				+      0% {
			
 
				+        bottom: -100%;
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        bottom: 30%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+    .bg-coverage-cloud {
			
 
				+      animation: animateingItemCloud 1.5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes animateingItemCloud {
			
 
				+      0% {
			
 
				+        display: none;
			
 
				+        transform: scale(3);
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        display: block;
			
 
				+        transform: scale(1);
			
 
				+
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .gugon {
			
 
				+      width: 100%;
			
 
				+      position: absolute;
			
 
				+      bottom: 0;
			
 
				+      left: 0;
			
 
				+    }
			
 
				+
			
 
				+    .shanxia {
			
 
				+      width: 100%;
			
 
				+      position: absolute;
			
 
				+      bottom: 0;
			
 
				+      right: 0;
			
 
				+    }
			
 
				+
			
 
				+    .shanshang {
			
 
				+      width: 100%;
			
 
				+      position: absolute;
			
 
				+      bottom: 30%;
			
 
				+    }
			
 
				+
			
 
				+    .cloud {
			
 
				+      width: 45%;
			
 
				+      position: absolute;
			
 
				+      right: -20rpx;
			
 
				+      top: 15%;
			
 
				+      // transform: scale(64);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .bottle-coverage {
			
 
				+    width: 100%;
			
 
				+    height: calc(100vh - 150rpx);
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    overflow: hidden;
			
 
				+
			
 
				+    .parclose-box {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+      position: absolute;
			
 
				+      top: 0;
			
 
				+      left: 0;
			
 
				+      display: none;
			
 
				+      z-index: -1;
			
 
				+      overflow: hidden;
			
 
				+    }
			
 
				+
			
 
				+    .bottle-name {
			
 
				+      width: 10%;
			
 
				+      position: absolute;
			
 
				+      top: 15%;
			
 
				+      right: 15%;
			
 
				+      overflow: hidden;
			
 
				+      z-index: 100;
			
 
				+    }
			
 
				+
			
 
				+    .bottle-name-an {
			
 
				+      animation: bottle-name-animal .5s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes bottle-name-animal {
			
 
				+      0% {
			
 
				+        display: none;
			
 
				+        transform: scale(3);
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        display: block;
			
 
				+        transform: scale(1);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .bottle-name-view {
			
 
				+      width: 7.5%;
			
 
				+      height: 23%;
			
 
				+      position: absolute;
			
 
				+      top: 15%;
			
 
				+      right: 16%;
			
 
				+      z-index: 99;
			
 
				+      animation-name: fadenum;
			
 
				+      animation-duration: 2s;
			
 
				+      animation-iteration-count: infinite;
			
 
				+      animation-direction: alternate;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes fadenum {
			
 
				+      from {
			
 
				+        box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.856);
			
 
				+      }
			
 
				+
			
 
				+      to {
			
 
				+        box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.733);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .name-change-an {
			
 
				+      animation: name-change-animal 1s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes name-change-animal {
			
 
				+      0% {
			
 
				+        display: none;
			
 
				+        transform: scale(1.5);
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+
			
 
				+        transform: scale(1);
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .disc-box {
			
 
				+      width: 65%;
			
 
				+      height: 55%;
			
 
				+      position: absolute;
			
 
				+      top: 50%;
			
 
				+      left: 50%;
			
 
				+      transform: translate(-50%, -50%);
			
 
				+      text-align: center;
			
 
				+      color: #ffffff;
			
 
				+      font-family: 'SOURCEHANSERIFCN-BOLD';
			
 
				+
			
 
				+      image {
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+      }
			
 
				+
			
 
				+      .bottle-box {
			
 
				+        transform: scale(1.04);
			
 
				+      }
			
 
				+
			
 
				+      .bottle-box-an {
			
 
				+        animation: bottle-box-animal 1s;
			
 
				+      }
			
 
				+
			
 
				+      @keyframes bottle-box-animal {
			
 
				+        0% {
			
 
				+          display: none;
			
 
				+          transform: scale(0.6);
			
 
				+        }
			
 
				+
			
 
				+        50% {
			
 
				+          display: block;
			
 
				+          transform: scale(1);
			
 
				+        }
			
 
				+
			
 
				+        100% {
			
 
				+          display: block;
			
 
				+          transform: scale(1.04);
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .bottleItem-change-an {
			
 
				+        animation: bottleItem-box-animal 1s forwards;
			
 
				+      }
			
 
				+
			
 
				+      @keyframes bottleItem-box-animal {
			
 
				+        0% {
			
 
				+          transform: scale(1);
			
 
				+        }
			
 
				+
			
 
				+        100% {
			
 
				+          transform: scale(1.04);
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .disc-boxx {
			
 
				+        animation: disc-boxx-animal 1s;
			
 
				+      }
			
 
				+
			
 
				+      @keyframes disc-boxx-animal {
			
 
				+        0% {
			
 
				+          margin-top: 100%;
			
 
				+        }
			
 
				+
			
 
				+        100% {
			
 
				+          margin-bottom: 0;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    .bottle-change-an {
			
 
				+      animation: bottle-change-animal 1s;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes bottle-change-animal {
			
 
				+      0% {
			
 
				+        top: 50%;
			
 
				+      }
			
 
				+
			
 
				+      50% {
			
 
				+        top: -40%;
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        top: 50%;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.music-box {
			
 
				+  position: absolute;
			
 
				+  bottom: 3%;
			
 
				+  right: 3%;
			
 
				+  width: 80rpx;
			
 
				+  height: 80rpx;
			
 
				+
			
 
				+  image {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/content/index
+++ b/小程序/jingtailan/src/pages/mine/content/index
@@ -0,0 +1,106 @@
 
				+<script setup lang='ts'>
			
 
				+import { MineApi } from '@/api/api/mine';
			
 
				+import { onShow, onReachBottom } from '@dcloudio/uni-app';
			
 
				+
			
 
				+import { ref } from 'vue';
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+})
			
 
				+
			
 
				+const greatList = ref([] as any)
			
 
				+const totle = ref(0)
			
 
				+
			
 
				+
			
 
				+onShow(async (options) => {
			
 
				+  const res: any = await MineApi.getContentList(PageListInfo)
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500)
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (greatList.value.length > totle.value || greatList.value.length === totle.value) {
			
 
				+    uni.showToast({
			
 
				+      title: '没有更多了',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await MineApi.getContentList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records]
			
 
				+
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// 点击进入详情
			
 
				+const goTo = async (id: Number, type: String) => {
			
 
				+  const data = {
			
 
				+    moduleId: id,
			
 
				+    moduleType: type
			
 
				+  }
			
 
				+  switch (type) {
			
 
				+    case 'master':
			
 
				+      skip(`../../explore/great/detail/index?id=${id}`);
			
 
				+      break;
			
 
				+    case 'craft':
			
 
				+      skip(`../../explore/craft/detail/index?id=${id}`)
			
 
				+      break;
			
 
				+    case 'block':
			
 
				+      skip(`../../explore/gift/detail/index?id=${id}`)
			
 
				+      break;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const skip = (path: String) => {
			
 
				+  uni.navigateTo({
			
 
				+    url: path
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <view style="text-align: center;" v-if="greatList.length === 0">
			
 
				+      暂无收藏
			
 
				+    </view>
			
 
				+    <view v-else class="content-item" v-for="item in greatList" :key="item" @tap="goTo(item.moduleId, item.type)">
			
 
				+      {{ item.name }}
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+.all {
			
 
				+  min-width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background: #F7F1E6;
			
 
				+  // border-top: 1px solid rgba(0, 0, 0, 0.15);
			
 
				+  padding-top: 5px;
			
 
				+  box-shadow: 0px 0px 8px 0px rgba(209, 209, 209, 0.15);
			
 
				+
			
 
				+  .content-item {
			
 
				+    height: 12vh;
			
 
				+    background: #ffffff65;
			
 
				+    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
			
 
				+    margin-bottom: 10px;
			
 
				+    padding-left: 6vw;
			
 
				+    line-height: 10vh;
			
 
				+    font-weight: bold;
			
 
				+    font-size: 32rpx;
			
 
				+    color: rgba(0,0,0,0.6);
			
 
				+    line-height: 12vh;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/content/index.vue
+++ b/小程序/jingtailan/src/pages/mine/content/index.vue
@@ -0,0 +1,123 @@
 
				+<script setup lang="ts">
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+import { onLoad, onShow } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+});
			
 
				+
			
 
				+const greatList = ref([] as any);
			
 
				+// 获取内容收藏列表
			
 
				+const getContentListfn = async () => {
			
 
				+  const res: any = await MineApi.getContentList(PageListInfo);
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 路由拦截
			
 
				+const checkToken = async () => {
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    getContentListfn();
			
 
				+  } else {
			
 
				+    console.log('输出content')
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "../../../mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 点击进入详情
			
 
				+const skip = (path: String) => {
			
 
				+  uni.navigateTo({
			
 
				+    url: path,
			
 
				+  });
			
 
				+};
			
 
				+const goTo = async (id: Number, type: String) => {
			
 
				+  const data = {
			
 
				+    moduleId: id,
			
 
				+    moduleType: type,
			
 
				+  };
			
 
				+  switch (type) {
			
 
				+    case "master":
			
 
				+      skip(`../../explore/great/detail/index?id=${id}`);
			
 
				+      break;
			
 
				+    case "craft":
			
 
				+      skip(`../../explore/craft/detail/index?id=${id}`);
			
 
				+      break;
			
 
				+    case "block":
			
 
				+      skip(`../../explore/gift/detail/index?id=${id}`);
			
 
				+      break;
			
 
				+  }
			
 
				+};
			
 
				+onShow(() => {
			
 
				+  checkToken();
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="all">
			
 
				+    <view class="all">
			
 
				+      <view style="text-align: center" v-if="greatList.length === 0">
			
 
				+        暂无收藏
			
 
				+      </view>
			
 
				+      <view
			
 
				+        v-else
			
 
				+        class="content-item"
			
 
				+        v-for="item in greatList"
			
 
				+        :key="item"
			
 
				+        @click="goTo(item.moduleId, item.type)"
			
 
				+      >
			
 
				+        {{ item.name }}
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  min-width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background: #f7f1e6;
			
 
				+  // border-top: 1px solid rgba(0, 0, 0, 0.15);
			
 
				+  padding-top: 5px;
			
 
				+  box-shadow: 0px 0px 8px 0px rgba(209, 209, 209, 0.15);
			
 
				+
			
 
				+  .content-item {
			
 
				+    height: 12vh;
			
 
				+    background: #ffffff65;
			
 
				+    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
			
 
				+    margin-bottom: 10px;
			
 
				+    padding-left: 6vw;
			
 
				+    line-height: 10vh;
			
 
				+    font-weight: bold;
			
 
				+    font-size: 32rpx;
			
 
				+    color: rgba(0, 0, 0, 0.6);
			
 
				+    line-height: 12vh;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/culturalRelic/index.vue
+++ b/小程序/jingtailan/src/pages/mine/culturalRelic/index.vue
@@ -0,0 +1,140 @@
 
				+<script setup lang="ts">
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import { ref } from "vue";
			
 
				+import { onShow, onReachBottom } from "@dcloudio/uni-app";
			
 
				+
			
 
				+import { MineApi } from "@/api/api/mine/index";
			
 
				+
			
 
				+const greatList = ref([] as any);
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+});
			
 
				+const totle = ref(0);
			
 
				+
			
 
				+const goTo = async (id: Number) => {
			
 
				+  const data = {
			
 
				+    moduleId: id,
			
 
				+    moduleType: "goods",
			
 
				+  };
			
 
				+  const res: any = await MineApi.collectDetail(data);
			
 
				+  if (res.data.code === 0) {
			
 
				+    uni.navigateTo({
			
 
				+      url: `../../analyse/detail/culturalRelicDetail/index?id=${id}`,
			
 
				+    });
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: "藏品信息出错",
			
 
				+    });
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+onShow(async (options) => {
			
 
				+  const res: any = await MineApi.getGoodstList(PageListInfo.value);
			
 
				+  if (res.data.code === 0) {
			
 
				+    greatList.value = res.data.data.records;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.navigateBack();
			
 
				+    }, 500);
			
 
				+  }
			
 
				+});
			
 
				+
			
 
				+// 滑动到底部 分页加载更多
			
 
				+onReachBottom(async () => {
			
 
				+  if (
			
 
				+    greatList.value.length > totle.value ||
			
 
				+    greatList.value.length === totle.value
			
 
				+  ) {
			
 
				+    uni.showToast({
			
 
				+      title: "没有更多了",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  } else {
			
 
				+    PageListInfo.value.pageNum += 1;
			
 
				+    const res: any = await MineApi.getGoodstList(PageListInfo.value);
			
 
				+    greatList.value = [...greatList.value, ...res.data.data.records];
			
 
				+  }
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <view style="width: 100%; text-align: center" v-if="greatList.length === 0">
			
 
				+      暂无收藏
			
 
				+    </view>
			
 
				+    <view v-else class="list">
			
 
				+      <view
			
 
				+        class="list-item"
			
 
				+        v-for="item in greatList"
			
 
				+        :key="item.id"
			
 
				+        @tap="goTo(item.moduleId)"
			
 
				+      >
			
 
				+        <image :src="baseIMGUrl + item.thumb" mode="widthFix" />
			
 
				+        <view class="list-name">{{ item.name }}</view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  min-width: 100vw;
			
 
				+  min-height: 100vh;
			
 
				+  background: #f7f1e6;
			
 
				+  padding-top: 10px;
			
 
				+
			
 
				+  .list {
			
 
				+    margin: auto;
			
 
				+    width: 90%;
			
 
				+    /* 声明一个容器 */
			
 
				+    display: grid;
			
 
				+    grid-template-columns: repeat(2, 50%);
			
 
				+    /* 声明行间距和列间距 */
			
 
				+    grid-column-gap: 10px;
			
 
				+    grid-row-gap: 5px;
			
 
				+    margin-top: 10px;
			
 
				+
			
 
				+    &-item {
			
 
				+      width: 90%;
			
 
				+      position: relative;
			
 
				+      height: 40vw;
			
 
				+      background: linear-gradient( 180deg, rgba(47,40,40,0.6) 0%, #FFFFFF 100%);
			
 
				+      border-radius: 5px;
			
 
				+      text-align: center;
			
 
				+      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
			
 
				+
			
 
				+      image {
			
 
				+        width: 50%;
			
 
				+        max-height: 40vw;
			
 
				+        margin: 10px auto;
			
 
				+        // height: 100%;
			
 
				+      }
			
 
				+
			
 
				+      .list-name {
			
 
				+        width: 100%;
			
 
				+        position: absolute;
			
 
				+        bottom: 0;
			
 
				+        line-height: 30px;
			
 
				+        text-align: center;
			
 
				+        background: rgba(0, 0, 0, 0.65);
			
 
				+        color: #ffffff;
			
 
				+        border-radius: 0 0 4px 4px;
			
 
				+        overflow: hidden;
			
 
				+        text-overflow: ellipsis;
			
 
				+        white-space: nowrap;
			
 
				+        font-size: 28rpx;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    /* 分别表示两行的高度 */
			
 
				+    // grid-template-rows: 40px 40px 40px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/index.vue
+++ b/小程序/jingtailan/src/pages/mine/index.vue
@@ -0,0 +1,822 @@
 
				+<script setup lang="ts">
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import { ref } from "vue";
			
 
				+import TabBarTopHome from "@/components/TabBarTopHome.vue";
			
 
				+
			
 
				+import { LogonApi } from "@/api/api/login/index";
			
 
				+import { MineApi } from "@/api/api/mine/index";
			
 
				+import { onLoad, onShow } from "@dcloudio/uni-app";
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+
			
 
				+const userInfo = ref({} as any);
			
 
				+const noLogin = ref(true);
			
 
				+
			
 
				+const isMessage = ref(false);
			
 
				+const messageText = ref("");
			
 
				+const defaultHeadUrl = ref(
			
 
				+  "https://houseoss.4dkankan.com/project/bjfljtl/img/bottomInco/defaultHead.png"
			
 
				+);
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+// 提交留言信息
			
 
				+const submitMessage = async () => {
			
 
				+  if (messageText.value.length < 5 || messageText.value.length > 200) {
			
 
				+    uni.showToast({
			
 
				+      title: "请输入5-200字！",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  } else {
			
 
				+    const res: any = await MineApi.submitMeg(
			
 
				+      messageText.value,
			
 
				+      userInfo.value.nickName
			
 
				+    );
			
 
				+    if (res.data.code === 0) {
			
 
				+      isMessage.value = false;
			
 
				+      uni.showToast({
			
 
				+        title: "留言成功",
			
 
				+      });
			
 
				+    }
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const others = ref([] as any);
			
 
				+
			
 
				+// const others = [
			
 
				+//   {
			
 
				+//     name: "大众点评",
			
 
				+//     icon: "https://hbimg.b0.upaiyun.com/2736424c8c107adaf0917de571b2dfb48b76555514d3d-gUTXtZ_fw658",
			
 
				+//     appid: "wx734c1ad7b3562129",
			
 
				+//     path: "packages/trip/mpvue-pages/pages/poi/poi?poiId=FnKeGux84asrPKr6&shopuuid=FnKeGux84asrPKr6&mode=subpackage&from=list",
			
 
				+//   },
			
 
				+//   {
			
 
				+//     name: "携程",
			
 
				+//     icon: "https://down.51rc.com/imagefolder/Logo/L11040000/11037518_b20190326102751.gif",
			
 
				+//     appid: "wx0e6ed4f51db9d078",
			
 
				+//     path: "pages/gs/sight/newDetail?sightId=1487166&fcpGUID=fcp_navigateTo_5&pubRouteBegin=1688348640703",
			
 
				+//   },
			
 
				+// ];
			
 
				+
			
 
				+const contentTotleNum = ref(0);
			
 
				+const antiqueTotleNum = ref(0);
			
 
				+
			
 
				+// 获取文物收藏totle数
			
 
				+const antiqueTotle = async () => {
			
 
				+  const res: any = await MineApi.getGoodstList(PageListInfo.value);
			
 
				+  if (res.data.code === 0) {
			
 
				+    antiqueTotleNum.value = res.data.data.total;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 获取内容收藏totle数
			
 
				+const contentTotle = async () => {
			
 
				+  const res: any = await MineApi.getContentList(PageListInfo);
			
 
				+  if (res.data.code === 0) {
			
 
				+    contentTotleNum.value = res.data.data.total;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const goTo = async (path: String) => {
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    uni.navigateTo({
			
 
				+      url: path,
			
 
				+    });
			
 
				+  } else {
			
 
				+    console.log("输出mineNow");
			
 
				+
			
 
				+    uni.showToast({
			
 
				+      title: "身份过期，请重新登录",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_token",
			
 
				+    });
			
 
				+    uni.removeStorage({
			
 
				+      key: "JTL_userInfo",
			
 
				+    });
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: "/pages/mine/index",
			
 
				+      });
			
 
				+    }, 1000);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const isShowCode = ref(false);
			
 
				+const codePath = ref("");
			
 
				+const goToMini = (app: String, path: String) => {
			
 
				+  // 抖音和小红书，直接打开图片让用户保存图片
			
 
				+
			
 
				+  console.log(app, path);
			
 
				+  if (app == "other") {
			
 
				+    // codePath.value = path
			
 
				+    // isShowCode.value = true
			
 
				+    // uni.showToast({
			
 
				+    //   title: '保存图片到相册，并打开软件扫一扫',
			
 
				+    // });
			
 
				+    uni.previewImage({
			
 
				+      current: 0,
			
 
				+      urls: [path],
			
 
				+      showmenu: true,
			
 
				+    });
			
 
				+  } else {
			
 
				+    uni.navigateToMiniProgram({
			
 
				+      appId: app,
			
 
				+      path: path,
			
 
				+    });
			
 
				+  }
			
 
				+};
			
 
				+// 打开微信授权确认框
			
 
				+const openUserProfile = () => {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.getUserProfile({
			
 
				+      lang: "zh_CN",
			
 
				+      desc: "获取你的昵称、头像、地区及性别",
			
 
				+      success: (res) => {
			
 
				+        resolve(res);
			
 
				+      },
			
 
				+      // 失败回调
			
 
				+      fail: (err) => {
			
 
				+        reject(err);
			
 
				+      },
			
 
				+    });
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+// 获得weixin Code
			
 
				+const getWxCode = () => {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.login({
			
 
				+      success(res) {
			
 
				+        //这里就是code，可以打印看下
			
 
				+        resolve(res.code);
			
 
				+      },
			
 
				+      fail(err) {
			
 
				+        reject(err);
			
 
				+      },
			
 
				+    });
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+// 用户名和用户头像
			
 
				+const userNickName = ref("");
			
 
				+const userHeadUrl = ref("");
			
 
				+const userInfoData = ref({} as any);
			
 
				+
			
 
				+// 完善信息——头像昵称填写(需要用户手动填入微信信息，微信小程序目前已经不允许API调用的方式获取用户信息)
			
 
				+const preInfo = () => {
			
 
				+  // console.log('完善信息')
			
 
				+  uni.navigateTo({
			
 
				+    url: "perfectInfo/index",
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+const getUserInfo = async () => {
			
 
				+  const res: any = await MineApi.getUserInfo();
			
 
				+  console.log();
			
 
				+};
			
 
				+
			
 
				+// 授权触发事件
			
 
				+const wxLogin = () => {
			
 
				+  if (noLogin.value) {
			
 
				+    let p1 = getWxCode();
			
 
				+    let p2 = openUserProfile();
			
 
				+    p1.then((code) => {
			
 
				+      return code;
			
 
				+    }).then((code) => {
			
 
				+      return new Promise((resolve, reject) => {
			
 
				+        p2.then(async (res: any) => {
			
 
				+          // userInfoData.value = res.userInfo
			
 
				+          // // 获得用户名和用户头像
			
 
				+          userNickName.value = res.userInfo.nickName;
			
 
				+          userHeadUrl.value = res.userInfo.avatarUrl;
			
 
				+          resolve({
			
 
				+            code,
			
 
				+            iv: res.iv,
			
 
				+            encryptedData: res.encryptedData,
			
 
				+          });
			
 
				+        }).catch((err) => {
			
 
				+          reject(err);
			
 
				+        });
			
 
				+      }).then((res: any) => {
			
 
				+        // 得到code 拉token
			
 
				+        LogonApi.login(res.code).then((res: any) => {
			
 
				+          if (res.data.code === 0) {
			
 
				+            setTimeout(() => {
			
 
				+              // 更新用户信息
			
 
				+              MineApi.updateUser({
			
 
				+                avatarUrl: userInfoData.value.avatarUrl,
			
 
				+                city: userInfoData.value.city,
			
 
				+                country: userInfoData.value.country,
			
 
				+                gender: userInfoData.value.gender ? "女" : "男",
			
 
				+                nickName: userInfoData.value.nickName,
			
 
				+                phone: "",
			
 
				+                province: userInfoData.value.province,
			
 
				+              });
			
 
				+            }, 1000);
			
 
				+            // 改为登录状态
			
 
				+            noLogin.value = false;
			
 
				+            // 存放token
			
 
				+            uni.setStorageSync("JTL_token", res.data.data.token);
			
 
				+            // 存放登录用户信息
			
 
				+            userInfo.value = res.data.data.wxUser;
			
 
				+            uni.setStorageSync("JTL_userInfo", res.data.data.wxUser);
			
 
				+
			
 
				+            antiqueTotle();
			
 
				+            contentTotle();
			
 
				+            // 判断头像和用户名是否为空,前往头像手动上传页面
			
 
				+            if (
			
 
				+              userInfo.value.nickName == "" ||
			
 
				+              userInfo.value.avatarUrl == ""
			
 
				+            ) {
			
 
				+              setTimeout(() => {
			
 
				+                uni.showToast({
			
 
				+                  title: "授权成功，请完善个人信息",
			
 
				+                });
			
 
				+              }, 300);
			
 
				+              preInfo();
			
 
				+            } else {
			
 
				+              setTimeout(() => {
			
 
				+                uni.showToast({
			
 
				+                  title: "授权成功",
			
 
				+                });
			
 
				+              }, 300);
			
 
				+            }
			
 
				+          }
			
 
				+        });
			
 
				+      });
			
 
				+    });
			
 
				+  } else {
			
 
				+    // 如果当前为登录状态的那么就是修改/完善个人信息
			
 
				+    preInfo();
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 检查登录缓存
			
 
				+const checkToken = async () => {
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    noLogin.value = false;
			
 
				+    const res: any = await MineApi.getUserInfo();
			
 
				+    userInfo.value = res.data.data;
			
 
				+    if (userInfo.value.avatarUrl === "") {
			
 
				+      userInfo.value.avatarUrl = defaultHeadUrl.value;
			
 
				+    }
			
 
				+    antiqueTotle();
			
 
				+    contentTotle();
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: "",
			
 
				+});
			
 
				+
			
 
				+// 景泰蓝艺术博物馆经纬数据
			
 
				+const locatioData = {
			
 
				+  longitude: 116.413699,
			
 
				+  latitude: 39.864144,
			
 
				+};
			
 
				+
			
 
				+// 点击位置  景泰蓝博物馆位置地图
			
 
				+const openMap = () => {
			
 
				+  uni.openLocation({
			
 
				+    latitude: locatioData.latitude,
			
 
				+    longitude: locatioData.longitude,
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+// 获取三方平台
			
 
				+const getTripartiteList = async () => {
			
 
				+  const res: any = await MineApi.tripartiteList();
			
 
				+  if (res.data.code == 0) {
			
 
				+    others.value = res.data.data;
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+onLoad(async (option) => {
			
 
				+  // 自动跳转后自动清除定时器
			
 
				+  const key = uni.getStorageSync("FIRST_KEY");
			
 
				+  if (key) {
			
 
				+    uni.removeStorage({
			
 
				+      key: "FIRST_KEY",
			
 
				+    });
			
 
				+  }
			
 
				+  checkToken();
			
 
				+  getTripartiteList();
			
 
				+});
			
 
				+const page = ref("");
			
 
				+onShow(async () => {
			
 
				+  page.value = "/pages/mine/index";
			
 
				+  const pages = getCurrentPages();
			
 
				+  let currentPage = pages[pages.length - 1];
			
 
				+
			
 
				+  console.log("触发了", currentPage.route);
			
 
				+  // 检查是否登录
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    const res: any = await MineApi.getUserInfo();
			
 
				+    userInfo.value = res.data.data;
			
 
				+    antiqueTotle();
			
 
				+    contentTotle();
			
 
				+  }
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <TabBarTopHome title="我的" />
			
 
				+
			
 
				+    <view
			
 
				+      style="
			
 
				+        padding-left: 10px;
			
 
				+        padding-right: 10px;
			
 
				+        max-height: 100vh;
			
 
				+        overflow: hidden;
			
 
				+      "
			
 
				+    >
			
 
				+      <view class="head" @tap="wxLogin">
			
 
				+        <image
			
 
				+          @error="
			
 
				+            () => {
			
 
				+              userInfo.avatarUrl = '';
			
 
				+            }
			
 
				+          "
			
 
				+          :src="
			
 
				+            noLogin
			
 
				+              ? defaultHeadUrl
			
 
				+              : userInfo.avatarUrl != '' || userInfo.avatarUrl.includes('https')
			
 
				+              ? userInfo.avatarUrl
			
 
				+              : defaultHeadUrl
			
 
				+          "
			
 
				+          mode="scaleToFill"
			
 
				+        />
			
 
				+        <view class="username"
			
 
				+          >{{
			
 
				+            noLogin
			
 
				+              ? "请点击登录"
			
 
				+              : userInfo.nickName != ""
			
 
				+              ? userInfo.nickName
			
 
				+              : "点击完善信息"
			
 
				+          }}
			
 
				+        </view>
			
 
				+      </view>
			
 
				+      <view class="content">
			
 
				+        <view class="content-item" @tap="goTo('culturalRelic/index')">
			
 
				+          <view class="content-item-left"
			
 
				+            ><span>文物收藏</span>
			
 
				+            <view v-if="!noLogin">{{ antiqueTotleNum }}</view>
			
 
				+          </view>
			
 
				+          <image
			
 
				+            v-if="!noLogin"
			
 
				+            :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'"
			
 
				+            mode="scaleToFill"
			
 
				+          />
			
 
				+        </view>
			
 
				+        <view class="content-item" @tap="goTo('content/index')">
			
 
				+          <view class="content-item-left"
			
 
				+            ><span>内容收藏</span>
			
 
				+            <view v-if="!noLogin">{{ contentTotleNum }}</view>
			
 
				+          </view>
			
 
				+          <image
			
 
				+            v-if="!noLogin"
			
 
				+            :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'"
			
 
				+            mode="scaleToFill"
			
 
				+          />
			
 
				+        </view>
			
 
				+        <view
			
 
				+          class="content-item"
			
 
				+          @tap="
			
 
				+            () => {
			
 
				+              isMessage = true;
			
 
				+            }
			
 
				+          "
			
 
				+        >
			
 
				+          <view>我要留言</view>
			
 
				+          <view class="content-item-right">
			
 
				+            <view> 填写留言 </view>
			
 
				+            <image
			
 
				+              :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'"
			
 
				+              mode="scaleToFill"
			
 
				+            />
			
 
				+          </view>
			
 
				+        </view>
			
 
				+        <view class="content-item content-last" style="">
			
 
				+          <view class="last1">三方平台评论</view>
			
 
				+          <view class="last2"
			
 
				+            ><view class="others" v-for="item in others" :key="item.name">
			
 
				+              <image
			
 
				+                @tap="
			
 
				+                  goToMini(item.appId, item.name === '京东' ? '' : item.patch)
			
 
				+                "
			
 
				+                :src="baseIMGUrl + item.icon"
			
 
				+                mode="scaleToFill"
			
 
				+              /> </view
			
 
				+          ></view>
			
 
				+        </view>
			
 
				+        <view class="position-box">
			
 
				+          <image
			
 
				+            :src="baseInfo.baseIMGUrl + '/data/C1Visit/home/4.png'"
			
 
				+            mode="widthFix"
			
 
				+            @tap="openMap"
			
 
				+          />
			
 
				+          <view class="info-box">
			
 
				+            <view>中国景泰蓝艺术博物馆</view>
			
 
				+            <view>中国北京市东城区安乐林路10号</view>
			
 
				+            <view>开放时间:09:00-16:30 电话:010-67211677</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+
			
 
				+      <!-- 登录界面
			
 
				+    <view class="login-box" v-if="noLogin">
			
 
				+      <view class="center">
			
 
				+        <view class="head">
			
 
				+          <image :src="userInfo.head" mode="scaleToFill" />
			
 
				+        </view>
			
 
				+        <view class="form-box">
			
 
				+          <view class="input-box">
			
 
				+            <input placeholder="请输入账号" type="text" v-model="userInfo.username">
			
 
				+          </view>
			
 
				+          <view class="input-box">
			
 
				+            <input placeholder="请输入密码" type="password" v-model="userInfo.password">
			
 
				+          </view>
			
 
				+
			
 
				+          <view class="login-btn">
			
 
				+            登 录
			
 
				+          </view>
			
 
				+          <view class="others">
			
 
				+            <view>新建账号</view>
			
 
				+            <view>忘记密码</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view> -->
			
 
				+
			
 
				+      <!-- 留言弹框 -->
			
 
				+      <view
			
 
				+        class="message-box"
			
 
				+        v-if="isMessage"
			
 
				+        :style="{ height: `calc(100% + ${top + height}px)` }"
			
 
				+      >
			
 
				+        <view class="pop-box">
			
 
				+          <textarea
			
 
				+            name="message"
			
 
				+            id="message"
			
 
				+            v-model="messageText"
			
 
				+            cols="30"
			
 
				+            rows="10"
			
 
				+            placeholder="请输入留言内容，5-200个字"
			
 
				+            minlength="5"
			
 
				+            maxlength="200"
			
 
				+          ></textarea>
			
 
				+          <view class="btns">
			
 
				+            <view
			
 
				+              class="btn-item"
			
 
				+              @tap="
			
 
				+                () => {
			
 
				+                  isMessage = false;
			
 
				+                  messageText = '';
			
 
				+                }
			
 
				+              "
			
 
				+              >取消</view
			
 
				+            >
			
 
				+            <view class="btn-item" @tap="submitMessage">确定</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+
			
 
				+      <!-- 二维码图片 -->
			
 
				+      <!-- <view class="code-box" v-if="isShowCode"  @click="isShowCode = false" >
			
 
				+        <image id="code-image" :src="codePath" mode="widthFix"></image>
			
 
				+        <view>长按保存图片在相册，打开软件扫一扫</view>
			
 
				+      </view> -->
			
 
				+    </view>
			
 
				+  </view>
			
 
				+  <TabBar :page="page" />
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+::-webkit-scrollbar {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+.all {
			
 
				+  min-width: 100vw;
			
 
				+  height: calc(100vh - 150rpx);
			
 
				+  background: #f7f1e6;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  justify-content: center;
			
 
				+  box-sizing: border-box;
			
 
				+  padding-top: 9vh;
			
 
				+
			
 
				+  .head {
			
 
				+    height: 17vh;
			
 
				+    margin: auto;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: top;
			
 
				+
			
 
				+    .username {
			
 
				+      color: rgba(0, 0, 0, 0.7);
			
 
				+      padding-top: 20px;
			
 
				+    }
			
 
				+
			
 
				+    image {
			
 
				+      height: 10vh;
			
 
				+      width: 10vh;
			
 
				+      border-radius: 50px;
			
 
				+      margin: auto;
			
 
				+    }
			
 
				+
			
 
				+    view {
			
 
				+      margin: auto;
			
 
				+      font-weight: bold;
			
 
				+      text-align: center;
			
 
				+      margin-top: -10%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .content {
			
 
				+    width: 100%;
			
 
				+    height: calc(100vh - 200rpx);
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.3);
			
 
				+    padding: 15px 30px;
			
 
				+    box-sizing: border-box;
			
 
				+    background-size: cover;
			
 
				+    background-image: url("https://houseoss.4dkankan.com/project/bjfljtl/img/data/E1Mine/bg.png");
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: flex-start;
			
 
				+
			
 
				+    &-item {
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+      align-items: center;
			
 
				+      height: 7.5vh;
			
 
				+      border-bottom: 1px solid rgba(107, 107, 107, 0.192);
			
 
				+
			
 
				+      image {
			
 
				+        width: 20px;
			
 
				+        height: 20px;
			
 
				+      }
			
 
				+
			
 
				+      &-left {
			
 
				+        display: flex;
			
 
				+        justify-content: left;
			
 
				+        align-items: center;
			
 
				+
			
 
				+        view {
			
 
				+          margin-left: 5vw;
			
 
				+          height: 20px;
			
 
				+          width: 20px;
			
 
				+          border-radius: 50px;
			
 
				+          background-color: #e07c67;
			
 
				+          text-align: center;
			
 
				+          line-height: 20px;
			
 
				+          color: white;
			
 
				+          font-size: 26rpx;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      &-right {
			
 
				+        display: flex;
			
 
				+        justify-content: right;
			
 
				+
			
 
				+        view {
			
 
				+          margin-right: 5px;
			
 
				+          color: rgba(54, 54, 54, 0.705);
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .position-box {
			
 
				+      // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
			
 
				+      flex: 1;
			
 
				+      margin-left: -30px;
			
 
				+      margin-right: -30px;
			
 
				+      display: flex;
			
 
				+      flex-direction: column;
			
 
				+      justify-content: center;
			
 
				+      // position: absolute;
			
 
				+      width: calc(100vw - 20px);
			
 
				+      margin-bottom: 210rpx;
			
 
				+      // bottom: 150rpx;
			
 
				+
			
 
				+      .info-box {
			
 
				+        width: 100%;
			
 
				+        background: #ffffff80;
			
 
				+        margin-top: -24rpx;
			
 
				+        padding: 20px 10px 5%;
			
 
				+        box-sizing: border-box;
			
 
				+        font-size: 10px;
			
 
				+        line-height: 16px;
			
 
				+        color: #000000b9;
			
 
				+      }
			
 
				+
			
 
				+      image {
			
 
				+        width: 100%;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-last {
			
 
				+      margin-top: 2vh;
			
 
				+      border-bottom: none;
			
 
				+      justify-content: space-between;
			
 
				+      align-items: self-start;
			
 
				+      height: auto;
			
 
				+      .last1 {
			
 
				+        width: 25%;
			
 
				+      }
			
 
				+      .last2 {
			
 
				+        width: 74%;
			
 
				+        display: flex;
			
 
				+        flex-wrap: wrap;
			
 
				+        image {
			
 
				+          margin-bottom: 5px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .others {
			
 
				+        image {
			
 
				+          width: 5vh;
			
 
				+          height: 5vh;
			
 
				+          border-radius: 5px;
			
 
				+          margin-left: 5px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .login-box {
			
 
				+    position: absolute;
			
 
				+    width: 100vw;
			
 
				+    height: 100vh;
			
 
				+    backdrop-filter: blur(30px);
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    flex-direction: column;
			
 
				+
			
 
				+    .center {
			
 
				+      width: 70%;
			
 
				+      // background: gold;
			
 
				+      height: 70%;
			
 
				+      margin: auto;
			
 
				+
			
 
				+      .head {
			
 
				+        width: 100%;
			
 
				+        height: auto;
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+
			
 
				+        image {
			
 
				+          height: 10vh;
			
 
				+          width: 10vh;
			
 
				+          border-radius: 50px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .form-box {
			
 
				+        width: 100%;
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        .input-box {
			
 
				+          width: 100%;
			
 
				+          height: 7vh;
			
 
				+          margin-top: 10px;
			
 
				+          background: #e07b675e;
			
 
				+          border-radius: 5px;
			
 
				+          display: flex;
			
 
				+          justify-content: center;
			
 
				+          align-items: center;
			
 
				+          // padding: 0 10px;
			
 
				+          box-sizing: border-box;
			
 
				+
			
 
				+          input {
			
 
				+            width: 90%;
			
 
				+            margin: auto;
			
 
				+            color: #00000093;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .login-btn {
			
 
				+          width: 100%;
			
 
				+          height: 8vh;
			
 
				+          border-radius: 7px;
			
 
				+          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
			
 
				+          background: #e07c67;
			
 
				+          color: white;
			
 
				+          font-size: 18px;
			
 
				+          line-height: 8vh;
			
 
				+          text-align: center;
			
 
				+          margin-top: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .others {
			
 
				+          width: 100%;
			
 
				+          display: flex;
			
 
				+          justify-content: space-around;
			
 
				+          margin-top: 30px;
			
 
				+
			
 
				+          view {
			
 
				+            font-size: 14px;
			
 
				+            color: #00000056;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .message-box {
			
 
				+    position: absolute;
			
 
				+    width: 100vw;
			
 
				+    top: 0;
			
 
				+    margin-left: -10px;
			
 
				+    // margin-top: 80px;
			
 
				+    background: #00000056;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    flex-direction: column;
			
 
				+
			
 
				+    .pop-box {
			
 
				+      width: 75%;
			
 
				+      height: 50%;
			
 
				+      background: #ffffff;
			
 
				+      border-radius: 10px;
			
 
				+      padding: 20px;
			
 
				+      margin: auto;
			
 
				+      box-sizing: border-box;
			
 
				+
			
 
				+      textarea {
			
 
				+        width: 100%;
			
 
				+        height: 80%;
			
 
				+        background: rgba(240, 239, 239, 0.61);
			
 
				+        border: 1px rgba(233, 233, 233, 0.623) solid;
			
 
				+        border-radius: 10px;
			
 
				+        padding: 10px;
			
 
				+        box-sizing: border-box;
			
 
				+        font-size: 14px;
			
 
				+      }
			
 
				+
			
 
				+      .btns {
			
 
				+        width: 100%;
			
 
				+        height: 15%;
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        .btn-item {
			
 
				+          width: 45%;
			
 
				+          height: 100%;
			
 
				+          background: #dda59a;
			
 
				+          border-radius: 5px;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          justify-content: center;
			
 
				+          color: white;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .code-box {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    background: #00000056;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    z-index: 1;
			
 
				+
			
 
				+    image {
			
 
				+      width: 80%;
			
 
				+      object-fit: contain;
			
 
				+    }
			
 
				+
			
 
				+    view {
			
 
				+      color: white;
			
 
				+      margin-top: 10px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/index2.vue
+++ b/小程序/jingtailan/src/pages/mine/index2.vue
@@ -0,0 +1,596 @@
 
				+<script setup lang='ts'>
			
 
				+import * as baseInfo from '@/api/record';
			
 
				+import { baseIMGUrl } from '@/api/request'
			
 
				+import { ref } from 'vue';
			
 
				+
			
 
				+import { LogonApi } from '@/api/api/login/index';
			
 
				+import { MineApi } from '@/api/api/mine/index';
			
 
				+import { onLoad, onShow } from '@dcloudio/uni-app';
			
 
				+
			
 
				+import TabBarTop from '@/components/TabBarTop.vue'
			
 
				+
			
 
				+
			
 
				+const userInfo = ref({} as any)
			
 
				+const noLogin = ref(true)
			
 
				+
			
 
				+const isMessage = ref(false)
			
 
				+const messageText = ref('')
			
 
				+const defaultHeadUrl = ref('https://4d-tjw.oss-cn-shenzhen.aliyuncs.com/project/bjfljtl/img/bottomInco/defaultHead.png')
			
 
				+const botomBGURL = ref(`url(${baseIMGUrl}/img/data/E1Mine/bg.png)`)
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+// 提交留言信息
			
 
				+const submitMessage = async () => {
			
 
				+  if (messageText.value.length < 5 || messageText.value.length > 200) {
			
 
				+    uni.showToast({
			
 
				+      title: '请输入5-200字！',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  } else {
			
 
				+    const res: any = await MineApi.submitMeg(messageText.value, userInfo.value.nickName)
			
 
				+    if (res.data.code === 0) {
			
 
				+      isMessage.value = false;
			
 
				+      uni.showToast({
			
 
				+        title: '留言成功'
			
 
				+      })
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const others = [
			
 
				+  {
			
 
				+    name: '大众点评',
			
 
				+    icon: 'https://hbimg.b0.upaiyun.com/2736424c8c107adaf0917de571b2dfb48b76555514d3d-gUTXtZ_fw658',
			
 
				+    appid: 'wx734c1ad7b3562129',
			
 
				+    path: 'packages/trip/mpvue-pages/pages/poi/poi?poiId=FnKeGux84asrPKr6&shopuuid=FnKeGux84asrPKr6&mode=subpackage&from=list'
			
 
				+  },
			
 
				+  {
			
 
				+    name: '携程',
			
 
				+    icon: 'https://down.51rc.com/imagefolder/Logo/L11040000/11037518_b20190326102751.gif',
			
 
				+    appid: 'wx0e6ed4f51db9d078',
			
 
				+    path: 'pages/gs/sight/newDetail?sightId=1487166&fcpGUID=fcp_navigateTo_5&pubRouteBegin=1688348640703'
			
 
				+  }
			
 
				+]
			
 
				+
			
 
				+const contentTotleNum = ref(0)
			
 
				+const antiqueTotleNum = ref(0)
			
 
				+
			
 
				+// 获取文物收藏totle数
			
 
				+const antiqueTotle = async () => {
			
 
				+  const res: any = await MineApi.getGoodstList(PageListInfo.value)
			
 
				+  if (res.data.code === 0) {
			
 
				+    antiqueTotleNum.value = res.data.data.total
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 获取内容收藏totle数
			
 
				+const contentTotle = async () => {
			
 
				+  const res: any = await MineApi.getContentList(PageListInfo)
			
 
				+  if (res.data.code === 0) {
			
 
				+    contentTotleNum.value = res.data.data.total;
			
 
				+  } else {
			
 
				+    uni.showToast({
			
 
				+      title: res.data.msg,
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+const goTo = async (path: String) => {
			
 
				+  const ress: any = await MineApi.checkToken();
			
 
				+  if (ress.data.data) {
			
 
				+    uni.navigateTo({
			
 
				+      url: path
			
 
				+    })
			
 
				+  } else {
			
 
				+    console.log('输出mine')
			
 
				+
			
 
				+    uni.showToast({
			
 
				+      title: '身份过期，请重新登录',
			
 
				+      icon: 'none'
			
 
				+    })
			
 
				+    uni.removeStorage({
			
 
				+      key: 'JTL_token'
			
 
				+    })
			
 
				+    uni.removeStorage({
			
 
				+      key: 'JTL_userInfo'
			
 
				+    })
			
 
				+    setTimeout(() => {
			
 
				+      uni.reLaunch({
			
 
				+        url: '/pages/mine/index'
			
 
				+      })
			
 
				+    }, 1000)
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+const goToMini = (app: String, path: String) => {
			
 
				+  console.log(path)
			
 
				+  uni.navigateToMiniProgram({
			
 
				+    appId: app,
			
 
				+    path: path
			
 
				+  })
			
 
				+}
			
 
				+// 打开微信授权确认框
			
 
				+const openUserProfile = () => {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.getUserProfile({
			
 
				+      lang: 'zh_CN',
			
 
				+      desc: '获取你的昵称、头像、地区及性别',
			
 
				+      success: (res) => {
			
 
				+        resolve(res)
			
 
				+      },
			
 
				+      // 失败回调
			
 
				+      fail: (err) => {
			
 
				+        reject(err)
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 获得weixin Code
			
 
				+const getWxCode = () => {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.login({
			
 
				+      success(res) {
			
 
				+        //这里就是code，可以打印看下
			
 
				+        resolve(res.code)
			
 
				+      },
			
 
				+      fail(err) {
			
 
				+        reject(err)
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+
			
 
				+}
			
 
				+
			
 
				+// 用户名和用户头像
			
 
				+const userNickName = ref('')
			
 
				+const userHeadUrl = ref('')
			
 
				+const userInfoData = ref({} as any)
			
 
				+
			
 
				+// 授权触发事件
			
 
				+const wxLogin = () => {
			
 
				+  if (noLogin.value) {
			
 
				+    console.log('打开')
			
 
				+    let p1 = getWxCode();
			
 
				+    let p2 = openUserProfile();
			
 
				+    p1.then(code => {
			
 
				+      return code
			
 
				+    }).then(code => {
			
 
				+      return new Promise((resolve, reject) => {
			
 
				+        p2.then(async (res: any) => {
			
 
				+          userInfoData.value = res.userInfo
			
 
				+          // 获得用户名和用户头像
			
 
				+          userNickName.value = res.userInfo.nickName
			
 
				+          userHeadUrl.value = res.userInfo.avatarUrl
			
 
				+          console.log(res)
			
 
				+          resolve({
			
 
				+            code,
			
 
				+            iv: res.iv,
			
 
				+            encryptedData: res.encryptedData
			
 
				+          })
			
 
				+        }).catch(err => {
			
 
				+          reject(err)
			
 
				+        })
			
 
				+      }).then((res: any) => {
			
 
				+        // 得到code 拉token
			
 
				+        LogonApi.login(res.code).then((res: any) => {
			
 
				+          if (res.data.code === 0) {
			
 
				+            setTimeout(() => {
			
 
				+              // 更新用户信息
			
 
				+              MineApi.updateUser({
			
 
				+                avatarUrl: userInfoData.value.avatarUrl,
			
 
				+                city: userInfoData.value.city,
			
 
				+                country: userInfoData.value.country,
			
 
				+                gender: userInfoData.value.gender ? '女' : '男',
			
 
				+                nickName: userInfoData.value.nickName,
			
 
				+                phone: "",
			
 
				+                province: userInfoData.value.province
			
 
				+              })
			
 
				+            }, 1000)
			
 
				+            // 改为登录状态
			
 
				+            noLogin.value = false;
			
 
				+            // 存放token
			
 
				+            uni.setStorageSync('JTL_token', res.data.data.token);
			
 
				+            // 存放登录用户信息
			
 
				+            const dataInfo = res.data.data.wxUser;
			
 
				+            dataInfo.avatarUrl = userHeadUrl.value;
			
 
				+            dataInfo.nickName = userNickName.value;
			
 
				+            uni.setStorageSync('JTL_userInfo', res.data.data.wxUser)
			
 
				+            checkToken();
			
 
				+            setTimeout(() => {
			
 
				+              uni.showToast({
			
 
				+                title: '授权成功'
			
 
				+              })
			
 
				+            }, 300)
			
 
				+            antiqueTotle();
			
 
				+            contentTotle();
			
 
				+          }
			
 
				+
			
 
				+        })
			
 
				+      })
			
 
				+    })
			
 
				+  } else {
			
 
				+    return
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+// 检查登录缓存
			
 
				+const checkToken = () => {
			
 
				+  let token = uni.getStorageSync("JTL_token");
			
 
				+  let userInfoStorage = uni.getStorageSync("JTL_userInfo");
			
 
				+  if (userInfoStorage && token) {
			
 
				+    noLogin.value = false
			
 
				+    userInfo.value = userInfoStorage;
			
 
				+    // 默认头像
			
 
				+    if (userInfoStorage.avatarUrl === '') {
			
 
				+      userInfo.value.avatarUrl = defaultHeadUrl.value;
			
 
				+    }
			
 
				+    // 获取个数
			
 
				+    antiqueTotle();
			
 
				+    contentTotle();
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const PageListInfo = ref({
			
 
				+  pageNum: 1,
			
 
				+  pageSize: 10,
			
 
				+  searchKey: '',
			
 
				+})
			
 
				+
			
 
				+
			
 
				+
			
 
				+onLoad((option) => {
			
 
				+  // 自动跳转后自动清除定时器
			
 
				+  const key = uni.getStorageSync('FIRST_KEY')
			
 
				+  if (key) {
			
 
				+    uni.removeStorage({
			
 
				+      key: 'FIRST_KEY'
			
 
				+    })
			
 
				+  }
			
 
				+  // 判断是否登录
			
 
				+  // checkToken();
			
 
				+})
			
 
				+
			
 
				+onShow(() => {
			
 
				+  console.log('触发了')
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <!-- <TabBarTop title="我的" color="rgba(0,0,0,0.6)" /> -->
			
 
				+    <view style="padding-left: 10px; padding-right: 10px; max-height: 100vh; overflow: hidden;">
			
 
				+      <view class="head" @tap="wxLogin">
			
 
				+        <image :src="noLogin ? defaultHeadUrl : userInfo.avatarUrl" mode="scaleToFill" />
			
 
				+        <view class="username">{{ !noLogin ? userInfo.nickName : '请点击登录' }}
			
 
				+        </view>
			
 
				+      </view>
			
 
				+      <view class="content">
			
 
				+        <view class="content-item" @tap="goTo('culturalRelic/index')">
			
 
				+          <view class="content-item-left"><span>文物收藏</span>
			
 
				+            <view v-if="!noLogin">{{ antiqueTotleNum }}</view>
			
 
				+          </view>
			
 
				+          <image v-if="!noLogin" :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'" mode="scaleToFill" />
			
 
				+        </view>
			
 
				+        <view class="content-item" @tap="goTo('content/index')">
			
 
				+          <view class="content-item-left"><span>内容收藏</span>
			
 
				+            <view v-if="!noLogin">{{ contentTotleNum }}</view>
			
 
				+          </view>
			
 
				+          <image v-if="!noLogin" :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'" mode="scaleToFill" />
			
 
				+        </view>
			
 
				+        <!-- TODO：构想ui -->
			
 
				+        <view class="content-item" @tap="() => { isMessage = true }">
			
 
				+          <view>我要留言</view>
			
 
				+          <view class="content-item-right">
			
 
				+            <view>
			
 
				+              填写留言
			
 
				+            </view>
			
 
				+            <image :src="baseInfo.baseIMGUrl + '/bottomInco/right.png'" mode="scaleToFill" />
			
 
				+          </view>
			
 
				+        </view>
			
 
				+        <view class="content-item content-last">
			
 
				+          <view>三方平台评论</view>
			
 
				+          <view class="others" v-for="item in others" :key="item.name">
			
 
				+            <image @tap="goToMini(item.appid, item.path)" :src="item.icon" mode="scaleToFill" />
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+
			
 
				+      <!-- 登录界面
			
 
				+    <view class="login-box" v-if="noLogin">
			
 
				+      <view class="center">
			
 
				+        <view class="head">
			
 
				+          <image :src="userInfo.head" mode="scaleToFill" />
			
 
				+        </view>
			
 
				+        <view class="form-box">
			
 
				+          <view class="input-box">
			
 
				+            <input placeholder="请输入账号" type="text" v-model="userInfo.username">
			
 
				+          </view>
			
 
				+          <view class="input-box">
			
 
				+            <input placeholder="请输入密码" type="password" v-model="userInfo.password">
			
 
				+          </view>
			
 
				+
			
 
				+          <view class="login-btn">
			
 
				+            登 录
			
 
				+          </view>
			
 
				+          <view class="others">
			
 
				+            <view>新建账号</view>
			
 
				+            <view>忘记密码</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view> -->
			
 
				+
			
 
				+      <!-- 留言弹框 -->
			
 
				+      <view class="message-box" v-if="isMessage" :style="{ height: `calc(100% + ${top + height}px)` }">
			
 
				+        <view class="pop-box">
			
 
				+          <textarea name="message" id="message" v-model="messageText" cols="30" rows="10" placeholder="请输入留言内容，5-200个字"
			
 
				+            minlength="5" maxlength="200"></textarea>
			
 
				+          <view class="btns">
			
 
				+            <view class="btn-item" @tap="() => { isMessage = false; messageText = '' }">取消</view>
			
 
				+            <view class="btn-item" @tap="submitMessage">确定</view>
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped>
			
 
				+::-webkit-scrollbar {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+.all {
			
 
				+  min-width: 100vw;
			
 
				+  max-height: 100vh;
			
 
				+  background: #F7F1E6;
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  justify-content: center;
			
 
				+  box-sizing: border-box;
			
 
				+
			
 
				+
			
 
				+  .head {
			
 
				+    height: 20vh;
			
 
				+    margin: auto;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: top;
			
 
				+
			
 
				+    .username {
			
 
				+      color: rgba(0, 0, 0, 0.7);
			
 
				+      padding-top: 20px;
			
 
				+    }
			
 
				+
			
 
				+    image {
			
 
				+      height: 10vh;
			
 
				+      width: 10vh;
			
 
				+      border-radius: 50px;
			
 
				+      margin: auto;
			
 
				+    }
			
 
				+
			
 
				+    view {
			
 
				+      margin: auto;
			
 
				+      font-weight: bold;
			
 
				+      text-align: center;
			
 
				+      margin-top: -10%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .content {
			
 
				+    width: 100%;
			
 
				+    height: 100vh;
			
 
				+    border-radius: 20px 20px 0 0;
			
 
				+    box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.3);
			
 
				+    padding: 30px;
			
 
				+    box-sizing: border-box;
			
 
				+    background-size: cover;
			
 
				+    background-image: url('https://houseoss.4dkankan.com/project/bjfljtl/img/data/E1Mine/bg.png');
			
 
				+
			
 
				+
			
 
				+    &-item {
			
 
				+      display: flex;
			
 
				+      justify-content: space-between;
			
 
				+      align-items: center;
			
 
				+      height: 10vh;
			
 
				+      border-bottom: 1px solid rgba(107, 107, 107, 0.192);
			
 
				+
			
 
				+      image {
			
 
				+        width: 20px;
			
 
				+        height: 20px;
			
 
				+      }
			
 
				+
			
 
				+      &-left {
			
 
				+        display: flex;
			
 
				+        justify-content: left;
			
 
				+        align-items: center;
			
 
				+
			
 
				+        view {
			
 
				+          margin-left: 5vw;
			
 
				+          height: 20px;
			
 
				+          width: 20px;
			
 
				+          border-radius: 50px;
			
 
				+          background-color: #E07C67;
			
 
				+          text-align: center;
			
 
				+          line-height: 20px;
			
 
				+          color: white;
			
 
				+          font-size: 26rpx;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      &-right {
			
 
				+        display: flex;
			
 
				+        justify-content: right;
			
 
				+
			
 
				+        view {
			
 
				+          margin-right: 5px;
			
 
				+          color: rgba(54, 54, 54, 0.705);
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    &-last {
			
 
				+      border-bottom: none;
			
 
				+      justify-content: left;
			
 
				+
			
 
				+      .others {
			
 
				+        image {
			
 
				+          width: 5vh;
			
 
				+          height: 5vh;
			
 
				+          border-radius: 5px;
			
 
				+          margin-left: 20px;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .login-box {
			
 
				+    position: absolute;
			
 
				+    width: 100vw;
			
 
				+    height: 100vh;
			
 
				+    backdrop-filter: blur(30px);
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    flex-direction: column;
			
 
				+
			
 
				+    .center {
			
 
				+      width: 70%;
			
 
				+      // background: gold;
			
 
				+      height: 70%;
			
 
				+      margin: auto;
			
 
				+
			
 
				+      .head {
			
 
				+        width: 100%;
			
 
				+        height: auto;
			
 
				+        display: flex;
			
 
				+        justify-content: center;
			
 
				+
			
 
				+        image {
			
 
				+          height: 10vh;
			
 
				+          width: 10vh;
			
 
				+          border-radius: 50px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .form-box {
			
 
				+        width: 100%;
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        .input-box {
			
 
				+          width: 100%;
			
 
				+          height: 7vh;
			
 
				+          margin-top: 10px;
			
 
				+          background: #e07b675e;
			
 
				+          border-radius: 5px;
			
 
				+          display: flex;
			
 
				+          justify-content: center;
			
 
				+          align-items: center;
			
 
				+          // padding: 0 10px;
			
 
				+          box-sizing: border-box;
			
 
				+
			
 
				+          input {
			
 
				+            width: 90%;
			
 
				+            margin: auto;
			
 
				+            color: #00000093;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        .login-btn {
			
 
				+          width: 100%;
			
 
				+          height: 8vh;
			
 
				+          border-radius: 7px;
			
 
				+          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
			
 
				+          background: #E07C67;
			
 
				+          color: white;
			
 
				+          font-size: 18px;
			
 
				+          line-height: 8vh;
			
 
				+          text-align: center;
			
 
				+          margin-top: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .others {
			
 
				+          width: 100%;
			
 
				+          display: flex;
			
 
				+          justify-content: space-around;
			
 
				+          margin-top: 30px;
			
 
				+
			
 
				+          view {
			
 
				+            font-size: 14px;
			
 
				+            color: #00000056;
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .message-box {
			
 
				+    position: absolute;
			
 
				+    width: 100vw;
			
 
				+    top: 0;
			
 
				+    margin-left: -10px;
			
 
				+    // margin-top: 80px;
			
 
				+    background: #00000056;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    flex-direction: column;
			
 
				+
			
 
				+    .pop-box {
			
 
				+      width: 75%;
			
 
				+      height: 50%;
			
 
				+      background: #ffffff;
			
 
				+      border-radius: 10px;
			
 
				+      padding: 20px;
			
 
				+      margin: auto;
			
 
				+      box-sizing: border-box;
			
 
				+
			
 
				+      textarea {
			
 
				+        width: 100%;
			
 
				+        height: 80%;
			
 
				+        background: rgba(240, 239, 239, 0.61);
			
 
				+        border: 1px rgba(233, 233, 233, 0.623) solid;
			
 
				+        border-radius: 10px;
			
 
				+        padding: 10px;
			
 
				+        box-sizing: border-box;
			
 
				+        font-size: 14px;
			
 
				+      }
			
 
				+
			
 
				+      .btns {
			
 
				+        width: 100%;
			
 
				+        height: 15%;
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        .btn-item {
			
 
				+          width: 45%;
			
 
				+          height: 100%;
			
 
				+          background: #dda59a;
			
 
				+          border-radius: 5px;
			
 
				+          display: flex;
			
 
				+          align-items: center;
			
 
				+          justify-content: center;
			
 
				+          color: white;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/mine/perfectInfo/index.vue
+++ b/小程序/jingtailan/src/pages/mine/perfectInfo/index.vue
@@ -0,0 +1,182 @@
 
				+<script setup lang="ts">
			
 
				+import { ref } from "vue";
			
 
				+import { baseUrl, baseIMGUrl } from "@/api/request";
			
 
				+import { MineApi } from "@/api/api/mine";
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+
			
 
				+const avatarUrl = ref(
			
 
				+  "https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0"
			
 
				+);
			
 
				+const nickName = ref("");
			
 
				+const userAvatarUrl = ref("");
			
 
				+const userNickNamr = ref("");
			
 
				+
			
 
				+const onChooseAvatar = (e: any) => {
			
 
				+  avatarUrl.value = e.detail.avatarUrl;
			
 
				+};
			
 
				+const inputChange = (value: any) => {
			
 
				+  nickName.value = value.detail.value;
			
 
				+};
			
 
				+const getUserInfo = async () => {
			
 
				+  const res: any = await MineApi.getUserInfo();
			
 
				+  if (res.data.code === 0) {
			
 
				+    console.log(res.data.data.avatarUrl.indexOf("http"));
			
 
				+    avatarUrl.value =
			
 
				+      res.data.data.avatarUrl.indexOf("http") === "-1"
			
 
				+        ? baseIMGUrl + res.data.data.avatarUrl
			
 
				+        : res.data.data.avatarUrl;
			
 
				+    userAvatarUrl.value =
			
 
				+      res.data.data.avatarUrl.indexOf("http") === "-1"
			
 
				+        ? baseIMGUrl + res.data.data.avatarUrl
			
 
				+        : res.data.data.avatarUrl;
			
 
				+    nickName.value = res.data.data.nickName;
			
 
				+    userNickNamr.value = res.data.data.nickName;
			
 
				+    console.log(nickName.value);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 不改变头像的所有情况
			
 
				+const userUpdate = () => {
			
 
				+  // setTimeout(() => {
			
 
				+  //   console.log(avatarUrl.value, nickName.value, userAvatarUrl.value);
			
 
				+  // });
			
 
				+  MineApi.updateUser({
			
 
				+    avatarUrl: userAvatarUrl.value,
			
 
				+    nickName: nickName.value,
			
 
				+  }).then((resss: any) => {
			
 
				+    if (resss.data.code === 0) {
			
 
				+      uni.showToast({
			
 
				+        title: "修改成功",
			
 
				+      });
			
 
				+      setTimeout(async () => {
			
 
				+        uni.navigateBack();
			
 
				+      }, 200);
			
 
				+    } else {
			
 
				+      uni.showToast({
			
 
				+        title: resss.data.msg,
			
 
				+      });
			
 
				+    }
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+// 确定上传头像
			
 
				+const uploadHead = () => {
			
 
				+  let token = uni.getStorageSync("JTL_token");
			
 
				+  // 改变了头像
			
 
				+  if (avatarUrl.value != userAvatarUrl.value) {
			
 
				+    uni.uploadFile({
			
 
				+      url: baseUrl + "/cms/goods/upload",
			
 
				+      fileType: "image",
			
 
				+      filePath: avatarUrl.value,
			
 
				+      name: "file",
			
 
				+      formData: {
			
 
				+        type: "img",
			
 
				+      },
			
 
				+      header: {
			
 
				+        // 根据实际接口设计 key 取 token 或者 authorization
			
 
				+        token: token,
			
 
				+        "Content-Type": "application/json",
			
 
				+      },
			
 
				+      success: (res) => {
			
 
				+        const ress = JSON.parse(res.data);
			
 
				+        MineApi.updateUser({
			
 
				+          avatarUrl: baseIMGUrl + ress.data.filePath,
			
 
				+          nickName: nickName.value,
			
 
				+        }).then((resss: any) => {
			
 
				+          if (resss.data.code === 0) {
			
 
				+            uni.showToast({
			
 
				+              title: "修改成功",
			
 
				+            });
			
 
				+            setTimeout(async () => {
			
 
				+              uni.navigateBack();
			
 
				+            }, 200);
			
 
				+          } else {
			
 
				+            uni.showToast({
			
 
				+              title: resss.data.msg,
			
 
				+            });
			
 
				+          }
			
 
				+        });
			
 
				+      },
			
 
				+      fail: (error) => {
			
 
				+        uni.showToast({
			
 
				+          title: "设置失败，请重试！",
			
 
				+        });
			
 
				+      },
			
 
				+    });
			
 
				+  } else {
			
 
				+    userUpdate();
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+onLoad(() => {
			
 
				+  getUserInfo();
			
 
				+});
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <button
			
 
				+      class="avatar-wrapper"
			
 
				+      open-type="chooseAvatar"
			
 
				+      @chooseavatar="onChooseAvatar"
			
 
				+    >
			
 
				+      <image class="avatar" @error="() => {
			
 
				+        avatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
			
 
				+      }" :src="avatarUrl"></image>
			
 
				+    </button>
			
 
				+    <div class="nickName-box">
			
 
				+      <label>昵称</label
			
 
				+      ><input
			
 
				+        type="nickname"
			
 
				+        class="weui-input"
			
 
				+        placeholder="请输入昵称"
			
 
				+        @change="inputChange"
			
 
				+        :value="nickName"
			
 
				+      />
			
 
				+    </div>
			
 
				+
			
 
				+    <button class="submit-box" @tap="uploadHead">提交</button>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: 100vh;
			
 
				+  background: #f7f1e6;
			
 
				+
			
 
				+  button {
			
 
				+    width: 20vw;
			
 
				+    height: 20vw;
			
 
				+    padding: 0;
			
 
				+
			
 
				+    image {
			
 
				+      width: 100%;
			
 
				+      height: 100%;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .nickName-box {
			
 
				+    margin-top: 20px;
			
 
				+    padding: 20px;
			
 
				+    display: flex;
			
 
				+    border-top: 1px solid rgba(221, 221, 221, 0.562);
			
 
				+    border-bottom: 1px solid rgba(221, 221, 221, 0.562);
			
 
				+
			
 
				+    label {
			
 
				+      // color: gray;
			
 
				+      margin-right: 40px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .submit-box {
			
 
				+    width: 90%;
			
 
				+    height: 50px;
			
 
				+    background: #e07c67;
			
 
				+    color: white;
			
 
				+    font-size: 36rpx;
			
 
				+    line-height: 50px;
			
 
				+    margin-top: 20px;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/visit/exhibition/index.vue
+++ b/小程序/jingtailan/src/pages/visit/exhibition/index.vue
@@ -0,0 +1,47 @@
 
				+<script setup lang="ts">
			
 
				+import { onLoad } from "@dcloudio/uni-app";
			
 
				+import commonn from "@/static/data/common";
			
 
				+import { onUnmounted, ref } from "vue";
			
 
				+const path = ref("");
			
 
				+const musicStaRe = ref(false)
			
 
				+
			
 
				+const playAudio = (id: string) => {
			
 
				+
			
 
				+  musicStaRe.value = commonn.musicSta
			
 
				+  if (musicStaRe.value) {
			
 
				+    console.log(musicStaRe.value)
			
 
				+    // 先暂停背景音频
			
 
				+    commonn.innerAudioContext.pause()
			
 
				+    commonn.musicSta = false
			
 
				+  }
			
 
				+  setTimeout(() => {
			
 
				+    commonn.introAudioContext.src = `https://houseoss.4dkankan.com/project/bjfljtl/audio/scene/${id == 'KJ-IKOTxwolNJ' ? '' : 'other'}.mp3`
			
 
				+    console.log(commonn.introAudioContext.src)
			
 
				+    commonn.introAudioContext.currentTime = 0
			
 
				+    commonn.introAudioContext.play()
			
 
				+  },5000)
			
 
				+}
			
 
				+onLoad((option) => {
			
 
				+  console.log(option!.id);
			
 
				+  path.value = `https://houseoss.4dkankan.com/project/bjfljtl/scene/index.html?m=${option!.id}`
			
 
				+  // path.value = `https://www.4dmodel.com/SuperTwo/index.html?m=TEST`
			
 
				+  playAudio(option!.id)
			
 
				+
			
 
				+});
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="">
			
 
				+    <web-view :src="path" />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/小程序/jingtailan/src/pages/visit/guide/index
+++ b/小程序/jingtailan/src/pages/visit/guide/index
--- a/小程序/jingtailan/src/pages/visit/guide/index
+++ b/小程序/jingtailan/src/pages/visit/guide/index
@@ -0,0 +1,47 @@
 
				+<script setup lang='ts'>
			
 
				+import commonn from "@/static/data/common";
			
 
				+import { onMounted, onUnmounted, ref } from "vue";
			
 
				+
			
 
				+declare global {
			
 
				+  interface Window {
			
 
				+    // 停止简介音频
			
 
				+    musicStop: (v: boolean) => void
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+
			
 
				+const playAudio = () => {
			
 
				+  musicStaRe.value = commonn.musicSta
			
 
				+  if (musicStaRe.value) {
			
 
				+    console.log(musicStaRe.value)
			
 
				+    // 先暂停背景音频
			
 
				+    commonn.innerAudioContext.pause()
			
 
				+    commonn.musicSta = false
			
 
				+  }
			
 
				+  // commonn.introAudioContext.src = 'https://houseoss.4dkankan.com/project/bjfljtl/audio/data/C1Visit/企业简介.mp3'
			
 
				+  // commonn.introAudioContext.play()
			
 
				+}
			
 
				+
			
 
				+const messageData = (e:any) => {
			
 
				+  console.log(JSON.stringify(e.detail))
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  playAudio()
			
 
				+})
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <web-view @message="messageData" :src="`https://houseoss.4dkankan.com/project/bjfljtl/guildsvg/svg.html?t=${new Date().getTime()}`" :fullscreen="false" />
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/visit/guide/index.vue
+++ b/小程序/jingtailan/src/pages/visit/guide/index.vue
@@ -0,0 +1,47 @@
 
				+<script setup lang='ts'>
			
 
				+import commonn from "@/static/data/common";
			
 
				+import { onMounted, onUnmounted, ref } from "vue";
			
 
				+
			
 
				+declare global {
			
 
				+  interface Window {
			
 
				+    // 停止简介音频
			
 
				+    musicStop: (v: boolean) => void
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const musicStaRe = ref(false)
			
 
				+
			
 
				+const playAudio = () => {
			
 
				+  musicStaRe.value = commonn.musicSta
			
 
				+  if (musicStaRe.value) {
			
 
				+    console.log(musicStaRe.value)
			
 
				+    // 先暂停背景音频
			
 
				+    commonn.innerAudioContext.pause()
			
 
				+    commonn.musicSta = false
			
 
				+  }
			
 
				+  // commonn.introAudioContext.src = 'https://houseoss.4dkankan.com/project/bjfljtl/audio/data/C1Visit/企业简介.mp3'
			
 
				+  // commonn.introAudioContext.play()
			
 
				+}
			
 
				+
			
 
				+const messageData = (e:any) => {
			
 
				+  console.log(JSON.stringify(e.detail))
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  playAudio()
			
 
				+})
			
 
				+
			
 
				+onUnmounted(() => {
			
 
				+  if (musicStaRe.value) {
			
 
				+    commonn.innerAudioContext.play()
			
 
				+    commonn.musicSta = true
			
 
				+  }
			
 
				+  commonn.introAudioContext.pause()
			
 
				+})
			
 
				+</script>
			
 
				+  
			
 
				+<template>
			
 
				+  <web-view @message="messageData" :src="`https://houseoss.4dkankan.com/project/bjfljtl/guildsvg/svg.html?t=${new Date().getTime()}`" :fullscreen="false" />
			
 
				+</template>
			
 
				+  
			
 
				+<style lang='scss' scoped></style>
			
--- a/小程序/jingtailan/src/pages/visit/history/index.vue
+++ b/小程序/jingtailan/src/pages/visit/history/index.vue
@@ -0,0 +1,394 @@
 
				+<script setup lang="ts">
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { baseIMGUrl } from "@/api/request";
			
 
				+import { onLoad, onReachBottom } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+import TabBarTop from "@/components/TabBarTop.vue";
			
 
				+import { VisitApi } from "@/api/api/visit";
			
 
				+
			
 
				+const curIndex = ref(0);
			
 
				+const historys = ref([] as any);
			
 
				+
			
 
				+const changeIndex = async (newIndex: number) => {
			
 
				+  curIndex.value = newIndex;
			
 
				+  // 非公司简介
			
 
				+  if (newIndex != 0 && !newHistorys.value[newIndex].detail) {
			
 
				+    console.log(newHistorys.value[newIndex]);
			
 
				+    const res: any = await VisitApi.getLogsList(newHistorys.value[newIndex].id);
			
 
				+    if (res.data.code == 0) {
			
 
				+      // 存进newHistorys中
			
 
				+      Reflect.set(newHistorys.value[newIndex], "detail", res.data.data);
			
 
				+    }
			
 
				+  }
			
 
				+  console.log(newHistorys.value);
			
 
				+};
			
 
				+
			
 
				+const top = uni.getMenuButtonBoundingClientRect().top;
			
 
				+const height = uni.getMenuButtonBoundingClientRect().height;
			
 
				+
			
 
				+// 页面滑动到底部,跳转到下一个
			
 
				+// onReachBottom(async () => {
			
 
				+//   console.log("ppp");
			
 
				+//   if (!newHistorys.value[curIndex.value + 1].detail) {
			
 
				+//     const res: any = await VisitApi.getLogsList(
			
 
				+//       newHistorys.value[curIndex.value + 1].id
			
 
				+//     );
			
 
				+//     if (res.data.code == 0) {
			
 
				+//       // 存进newHistorys中
			
 
				+//       Reflect.set(
			
 
				+//         newHistorys.value[curIndex.value + 1],
			
 
				+//         "detail",
			
 
				+//         res.data.data
			
 
				+//       );
			
 
				+//     }
			
 
				+//   }
			
 
				+//   setTimeout(() => {
			
 
				+//     curIndex.value = curIndex.value + 1;
			
 
				+//     uni.pageScrollTo({ scrollTop: 0, duration: 300 });
			
 
				+//   }, 500);
			
 
				+// });
			
 
				+
			
 
				+onLoad(async () => {
			
 
				+  const data = await getData();
			
 
				+  getDataFromAPI();
			
 
				+  historys.value = data;
			
 
				+});
			
 
				+
			
 
				+const newHistorys = ref([] as any);
			
 
				+
			
 
				+// 获得公司简介,加入到json结构中
			
 
				+const getCompanyDetail = async () => {
			
 
				+  const resProfile: any = await VisitApi.getCompanyProfile();
			
 
				+  if (resProfile.data.code == 0) {
			
 
				+    newHistorys.value.push({
			
 
				+      name: "公司简介",
			
 
				+      detail: [
			
 
				+        {
			
 
				+          content: resProfile.data.data.entity.content,
			
 
				+          image: resProfile.data.data.file,
			
 
				+          name: resProfile.data.data.entity.name,
			
 
				+          video: resProfile.data.data.entity.video,
			
 
				+          videoName: resProfile.data.data.entity.videoName,
			
 
				+          type: resProfile.data.data.entity.type,
			
 
				+        },
			
 
				+      ],
			
 
				+    });
			
 
				+    console.log(newHistorys.value);
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+// 获取年代专题
			
 
				+const getChronology = async () => {
			
 
				+  const res: any = await VisitApi.getChronology();
			
 
				+  if (res.data.code == 0) {
			
 
				+    res.data.data.forEach((item: any) => {
			
 
				+      newHistorys.value.push({
			
 
				+        ...item,
			
 
				+      });
			
 
				+    });
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const getDataFromAPI = () => {
			
 
				+  getCompanyDetail();
			
 
				+  setTimeout(() => {
			
 
				+    getChronology();
			
 
				+  }, 50);
			
 
				+};
			
 
				+
			
 
				+// 阿拉伯数字转换成中文数字
			
 
				+const fontChange = (dateStr: string) => {
			
 
				+  var dict = {
			
 
				+    "0": "零",
			
 
				+    "1": "一",
			
 
				+    "2": "二",
			
 
				+    "3": "三",
			
 
				+    "4": "四",
			
 
				+    "5": "五",
			
 
				+    "6": "六",
			
 
				+    "7": "七",
			
 
				+    "8": "八",
			
 
				+    "9": "九",
			
 
				+    "10": "十",
			
 
				+    "11": "十一",
			
 
				+    "12": "十二",
			
 
				+    "13": "十三",
			
 
				+    "14": "十四",
			
 
				+    "15": "十五",
			
 
				+    "16": "十六",
			
 
				+    "17": "十七",
			
 
				+    "18": "十八",
			
 
				+    "19": "十九",
			
 
				+    "20": "二十",
			
 
				+    "21": "二十一",
			
 
				+    "22": "二十二",
			
 
				+    "23": "二十三",
			
 
				+    "24": "二十四",
			
 
				+    "25": "二十五",
			
 
				+    "26": "二十六",
			
 
				+    "27": "二十七",
			
 
				+    "28": "二十八",
			
 
				+    "29": "二十九",
			
 
				+    "30": "三十",
			
 
				+    "31": "三十一",
			
 
				+  };
			
 
				+  var date = dateStr.split("-"),
			
 
				+    yy = date[0],
			
 
				+    mm = date[1],
			
 
				+    dd = date[2];
			
 
				+
			
 
				+  console.log(yy, mm, dd);
			
 
				+
			
 
				+  var yearStr = dict[yy[0]] + dict[yy[1]] + dict[yy[2]] + dict[yy[3]] + "年",
			
 
				+    monthStr = mm ? dict["" + Number(mm)] + "月" : "",
			
 
				+    dayStr = dd ? dict["" + Number(dd)] + "月" : "";
			
 
				+
			
 
				+  return yearStr + monthStr + dayStr;
			
 
				+};
			
 
				+
			
 
				+// json文件中拿数据
			
 
				+const getData = () => {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.request({
			
 
				+      url: "https://houseoss.4dkankan.com/project/bjfljtl/history.json",
			
 
				+      data: {},
			
 
				+      header: {
			
 
				+        Accept: "application/json",
			
 
				+        "Content-Type": "application/json",
			
 
				+        "X-Requested-With": "XMLHttpRequest",
			
 
				+      },
			
 
				+      method: "GET",
			
 
				+      sslVerify: true,
			
 
				+      success: ({ data, statusCode, header }) => {
			
 
				+        resolve(data);
			
 
				+      },
			
 
				+      fail: (err) => {
			
 
				+        console.log(err);
			
 
				+        uni.showToast({
			
 
				+          title: "数据获取失败" + JSON.stringify(err),
			
 
				+          icon: "none",
			
 
				+          duration: 10000,
			
 
				+        });
			
 
				+        reject(err);
			
 
				+      },
			
 
				+    });
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+// 图片单张预览
			
 
				+const previewImg = (previewImgUrl: String) => {
			
 
				+  let imgsArray = [];
			
 
				+  //根据api拼接
			
 
				+  imgsArray[0] = baseIMGUrl + previewImgUrl;
			
 
				+  uni.previewImage({
			
 
				+    current: 0,
			
 
				+    urls: imgsArray,
			
 
				+    showmenu: false
			
 
				+  });
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all" :style="{ paddingTop: top + height + 10 + 'px' }">
			
 
				+    <TabBarTop
			
 
				+      title="企业回顾"
			
 
				+      :isBack="true"
			
 
				+      backColor="black"
			
 
				+      color="rgba(0,0,0,0.6)"
			
 
				+      :site="'left'"
			
 
				+    />
			
 
				+    <view class="options-box">
			
 
				+      <view
			
 
				+        @tap="changeIndex(index)"
			
 
				+        class="options-item"
			
 
				+        :style="{
			
 
				+          background:
			
 
				+            index === curIndex ? '#E07C67' : 'rgba(224, 124, 103, 0.46',
			
 
				+          boxShadow:
			
 
				+            index === curIndex
			
 
				+              ? '0px 2px 4px 0px rgba(0,0,0,0.8)'
			
 
				+              : '0px 2px 4px 0px rgba(0,0,0,0.3)',
			
 
				+          color:
			
 
				+            index === curIndex ? 'rgba(255,255,255,0.8)' : 'rgba(0, 0, 0, 0.8)',
			
 
				+        }"
			
 
				+        v-for="(item, index) in newHistorys"
			
 
				+        :key="index"
			
 
				+        >{{ item.name }}</view
			
 
				+      >
			
 
				+    </view>
			
 
				+    <view class="history-box" v-if="newHistorys.length !== 0">
			
 
				+      <view v-if="curIndex === 0" class="history-box-info">
			
 
				+        <view class="title">
			
 
				+          {{ newHistorys[curIndex].name }}
			
 
				+        </view>
			
 
				+        <view
			
 
				+          class="box-item"
			
 
				+          v-for="(item, index) in newHistorys[curIndex].detail"
			
 
				+          :key="index"
			
 
				+        >
			
 
				+          <view class="box-item-text">
			
 
				+            {{ item.content }}
			
 
				+          </view>
			
 
				+          <view v-if="item.image.length != 0">
			
 
				+            <image
			
 
				+              :src="baseIMGUrl + img.filePath"
			
 
				+              mode="widthFix"
			
 
				+              v-for="(img, index) in item.image"
			
 
				+              :key="index"
			
 
				+              @tap="previewImg(img.filePath)"
			
 
				+            />
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+      <view v-else class="history-box-chronicles">
			
 
				+        <view v-if="newHistorys[curIndex].detail.length === 0">暂无历史</view>
			
 
				+        <view
			
 
				+          v-for="(item, index) in newHistorys[curIndex].detail"
			
 
				+          :key="index"
			
 
				+        >
			
 
				+          <view class="top">
			
 
				+            <view class="top-point"></view>
			
 
				+            <view class="top-text">{{ fontChange(item.date) }}</view>
			
 
				+          </view>
			
 
				+          <view class="content">
			
 
				+            <view class="content-text">{{ item.content }}</view>
			
 
				+            <image
			
 
				+              v-if="item.image !== ''"
			
 
				+              :src="baseIMGUrl + item.thumb"
			
 
				+              mode="widthFix"
			
 
				+              @tap="previewImg(item.thumb)"
			
 
				+            />
			
 
				+          </view>
			
 
				+        </view>
			
 
				+      </view>
			
 
				+    </view>
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  background-color: #f7f1e6;
			
 
				+  background-image: url("https://houseoss.4dkankan.com/project/bjfljtl/img/data/C1Visit/history/bg.png");
			
 
				+  background-size: cover;
			
 
				+
			
 
				+  ::-webkit-scrollbar {
			
 
				+    display: none !important;
			
 
				+  }
			
 
				+
			
 
				+  .options-box {
			
 
				+    height: 40px;
			
 
				+    white-space: nowrap;
			
 
				+    overflow-x: auto;
			
 
				+    // overflow-y: hidden;
			
 
				+
			
 
				+    // ::-webkit-scrollbar {
			
 
				+    //   display: none !important;
			
 
				+    // }
			
 
				+
			
 
				+    .options-item {
			
 
				+      margin-left: 10px;
			
 
				+      display: inline-block;
			
 
				+      width: 85px;
			
 
				+      height: 30px;
			
 
				+      float: none;
			
 
				+      font-size: 26rpx;
			
 
				+      line-height: 30px;
			
 
				+      text-align: center;
			
 
				+      background-color: rgba(224, 124, 103, 0.46);
			
 
				+      border-radius: 5px;
			
 
				+      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
			
 
				+      color: rgba(0, 0, 0, 0.8);
			
 
				+      font-weight: bold;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .history-box {
			
 
				+    width: 100%;
			
 
				+    min-height: calc(100vh - 50px);
			
 
				+    margin-top: 20px;
			
 
				+    border-radius: 30px 30px 0 0;
			
 
				+    box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.4);
			
 
				+    box-sizing: border-box;
			
 
				+    padding: 40px 40px 20px 40px;
			
 
				+    background-color: #f7f1e6;
			
 
				+
			
 
				+    &-info {
			
 
				+      .title {
			
 
				+        width: 100%;
			
 
				+        text-align: center;
			
 
				+        font-size: 20px;
			
 
				+        font-weight: bold;
			
 
				+        color: #cc4b10;
			
 
				+        line-height: 23px;
			
 
				+      }
			
 
				+
			
 
				+      .box-item {
			
 
				+        margin-top: 20px;
			
 
				+
			
 
				+        &-text {
			
 
				+          font-size: 14px;
			
 
				+          line-height: 20px;
			
 
				+          margin-bottom: 10px;
			
 
				+          color: #000000e0;
			
 
				+          white-space: pre-wrap;
			
 
				+        }
			
 
				+
			
 
				+        image {
			
 
				+          width: 100%;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    &-chronicles {
			
 
				+      .top {
			
 
				+        min-width: 100%;
			
 
				+        display: flex;
			
 
				+        justify-content: left;
			
 
				+        align-content: center;
			
 
				+        flex-wrap: nowrap;
			
 
				+        position: relative;
			
 
				+
			
 
				+        &-point {
			
 
				+          width: 10px;
			
 
				+          height: 10px;
			
 
				+          border-radius: 50px;
			
 
				+          background: #d9d9d9;
			
 
				+          border: 1px solid rgba(0, 0, 0, 0.4);
			
 
				+          position: absolute;
			
 
				+
			
 
				+          left: -5px;
			
 
				+          top: 6px;
			
 
				+        }
			
 
				+
			
 
				+        &-text {
			
 
				+          font-size: 20px;
			
 
				+          font-weight: bold;
			
 
				+          color: #cc4b10;
			
 
				+          margin-left: 20px;
			
 
				+        }
			
 
				+      }
			
 
				+
			
 
				+      .content {
			
 
				+        border-left: 1px #0000004b solid;
			
 
				+        padding: 10px 0px 20px 20px;
			
 
				+        box-sizing: border-box;
			
 
				+
			
 
				+        &-text {
			
 
				+          font-size: 10px;
			
 
				+          font-family: "KaiTi-Regular";
			
 
				+          color: #000000a8;
			
 
				+          line-height: 20px;
			
 
				+          white-space: pre-wrap;
			
 
				+          margin-bottom: 10px;
			
 
				+          // whiteSpace: 'pre-wrap'
			
 
				+        }
			
 
				+
			
 
				+        image {
			
 
				+          width: 100%;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/pages/visit/index.vue
+++ b/小程序/jingtailan/src/pages/visit/index.vue
@@ -0,0 +1,243 @@
 
				+<script setup lang="ts">
			
 
				+import * as baseInfo from "@/api/record";
			
 
				+import { onLoad, onShow } from "@dcloudio/uni-app";
			
 
				+import { ref } from "vue";
			
 
				+import TabBar from "@/components/TabBar.vue";
			
 
				+import TabBarTopHome from "@/components/TabBarTopHome.vue";
			
 
				+
			
 
				+
			
 
				+
			
 
				+const BGList = [
			
 
				+  {
			
 
				+    image: baseInfo.baseIMGUrl + "/data/C1Visit/home/1.png",
			
 
				+    path: "guide/index",
			
 
				+  },
			
 
				+  { image: baseInfo.baseIMGUrl + "/data/C1Visit/home/2.png", path: "" },
			
 
				+  {
			
 
				+    image: baseInfo.baseIMGUrl + "/data/C1Visit/home/3.png",
			
 
				+    path: "history/index",
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				+const exhibitions = [
			
 
				+  {
			
 
				+    name: "中国景泰蓝艺术博物馆",
			
 
				+    image: baseInfo.baseIMGUrl + "/data/C1Visit/home/exhibition1.png",
			
 
				+    link: "KJ-IKOTxwolNJ",
			
 
				+  },
			
 
				+  {
			
 
				+    name: "京珐艺苑精品销售厅1",
			
 
				+    image: baseInfo.baseIMGUrl + "/data/C1Visit/home/exhibition2.png",
			
 
				+    link: "KJ-V5dvJZlK8y",
			
 
				+  },
			
 
				+  {
			
 
				+    name: "京珐艺苑精品销售厅2",
			
 
				+    image: baseInfo.baseIMGUrl + "/data/C1Visit/home/exhibition3.png",
			
 
				+    link: "KJ-ia3JD7zdtr",
			
 
				+  },
			
 
				+];
			
 
				+
			
 
				+const goTo = (path: String) => {
			
 
				+  if (path === "") {
			
 
				+    uni.showToast({
			
 
				+      title: "敬请期待",
			
 
				+      icon: "none",
			
 
				+    });
			
 
				+    return;
			
 
				+  }
			
 
				+  uni.navigateTo({
			
 
				+    url: path,
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+const goExhibition = (pathId: string) => {
			
 
				+  uni.navigateTo({
			
 
				+    url: `./exhibition/index?id=${pathId}`,
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+onLoad(() => {
			
 
				+  // 自动跳转后自动清除定时器
			
 
				+  const key = uni.getStorageSync("FIRST_KEY");
			
 
				+  if (key) {
			
 
				+    uni.removeStorage({
			
 
				+      key: "FIRST_KEY",
			
 
				+    });
			
 
				+  }
			
 
				+});
			
 
				+const page = ref('')
			
 
				+onShow(() => {
			
 
				+  page.value = '/pages/visit/index'
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <view class="all">
			
 
				+    <TabBarTopHome title="游览" />
			
 
				+    <view class="content-box">
			
 
				+      <!-- <TabBarTop title="游览" color="rgba(0,0,0,0.6)" /> -->
			
 
				+      <div class="image-top" :style="{
			
 
				+        boxShadow: '0px 2px 4px 0px rgba(0, 0, 0, 0.4)',
			
 
				+        backgroundImage: `url(${BGList[0].image})`,
			
 
				+      }" @tap="goTo(BGList[0].path)">
			
 
				+        <!-- <img src="https://houseoss.4dkankan.com/project/bjfljtl/img/data/C1Visit/home/11.png" alt=""> -->
			
 
				+        <view class="title">游线导览入口</view>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="image-center">
			
 
				+        <div class="exhibition-item" v-for="item in exhibitions" :key="item.name"
			
 
				+          :style="{ backgroundImage: `url(${item.image})` }" @tap="goExhibition(item.link)">
			
 
				+          <view class="title">{{ item.name }}</view>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="image-top" :style="{
			
 
				+        boxShadow: '0px 2px 4px 0px rgba(0, 0, 0, 0.4)',
			
 
				+        backgroundImage: `url(${BGList[2].image})`,
			
 
				+      }" @tap="goTo(BGList[2].path)">
			
 
				+        <view class="title">企业回顾</view>
			
 
				+      </div>
			
 
				+    </view>
			
 
				+    <TabBar :page="page" />
			
 
				+  </view>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+::-webkit-scrollbar {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+.all {
			
 
				+  width: 100vw;
			
 
				+  height: calc(100vh - 150rpx);
			
 
				+  padding-bottom: 20px;
			
 
				+  box-sizing: border-box;
			
 
				+  background: #f7f1e6;
			
 
				+  padding-top: 12vh;
			
 
				+
			
 
				+  .content-box {
			
 
				+    padding: 0 10px;
			
 
				+    width: 100vw;
			
 
				+    height: 100%;
			
 
				+    box-sizing: border-box;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.image-top {
			
 
				+  width: 100%;
			
 
				+  height: 31%;
			
 
				+  margin-bottom: 20rpx;
			
 
				+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
			
 
				+  border-radius: 8px;
			
 
				+  background-size: cover;
			
 
				+  position: relative;
			
 
				+
			
 
				+  .title {
			
 
				+    width: 50%;
			
 
				+    height: 30%;
			
 
				+    margin-bottom: 0;
			
 
				+    position: absolute;
			
 
				+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.616), rgba(0, 0, 0, 0), );
			
 
				+    top: 50%;
			
 
				+    transform: translateY(-20%);
			
 
				+    animation-name: fadenum;
			
 
				+    animation-duration: 1.5s;
			
 
				+    animation-iteration-count: infinite;
			
 
				+    animation-direction: alternate;
			
 
				+    color: white;
			
 
				+    font-size: 1.3em;
			
 
				+    font-weight: bold;
			
 
				+    letter-spacing: 2px;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+    // text-shadow:  2px 2px 5px rgba(212, 16, 16, 0.5);
			
 
				+  }
			
 
				+
			
 
				+  // @keyframes fadenum {
			
 
				+  //   from {
			
 
				+  //     text-shadow:  2px 2px 10px rgba(255, 255, 255, 0.774);
			
 
				+  //   }
			
 
				+
			
 
				+  //   to {
			
 
				+  //     text-shadow:  2px 2px 10px rgba(255, 255, 255, 0.527);
			
 
				+  //   }
			
 
				+  // }
			
 
				+
			
 
				+  @keyframes fadenum {
			
 
				+    from {
			
 
				+      box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.856);
			
 
				+    }
			
 
				+
			
 
				+    to {
			
 
				+      box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.733);
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+
			
 
				+
			
 
				+  // image {
			
 
				+  //   width: 45%;
			
 
				+  //   height: 30%;
			
 
				+  //   margin-bottom: 0;
			
 
				+  //   position: absolute;
			
 
				+  //   top: 50%;
			
 
				+  //   transform: translateY(-20%);
			
 
				+  //   animation-name: fadenum;
			
 
				+  //   animation-duration: 2s;
			
 
				+  //   animation-iteration-count: infinite;
			
 
				+  //   animation-direction: alternate;
			
 
				+  // }
			
 
				+
			
 
				+
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.image-center {
			
 
				+  width: 100%;
			
 
				+  height: 31%;
			
 
				+  border-radius: 8px;
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+
			
 
				+  .exhibition-item {
			
 
				+    width: 33.5%;
			
 
				+    height: 100%;
			
 
				+    position: relative;
			
 
				+    background-size: 100% 100%;
			
 
				+    overflow-x: hidden;
			
 
				+    white-space: nowrap;
			
 
				+
			
 
				+    .title {
			
 
				+      width: 100%;
			
 
				+      padding: 5px;
			
 
				+      box-sizing: border-box;
			
 
				+      font-size: 0.7rem;
			
 
				+      color: #ffffff;
			
 
				+      position: absolute;
			
 
				+      top: 83%;
			
 
				+      display: inline-block;
			
 
				+      animation: 5s wordsLoop-1e99bd5b linear infinite normal;
			
 
				+    }
			
 
				+
			
 
				+    @keyframes wordsLoop-1e99bd5b {
			
 
				+      0% {
			
 
				+        transform: translateX(100%);
			
 
				+      }
			
 
				+
			
 
				+      100% {
			
 
				+        transform: translateX(-100%);
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+image {
			
 
				+  width: 100%;
			
 
				+  height: 31%;
			
 
				+  margin-bottom: 16rpx;
			
 
				+}
			
 
				+</style>
			
--- a/小程序/jingtailan/src/shime-uni.d.ts
+++ b/小程序/jingtailan/src/shime-uni.d.ts
@@ -0,0 +1,6 @@
 
				+export {}
			
 
				+
			
 
				+declare module "vue" {
			
 
				+  type Hooks = App.AppInstance & Page.PageInstance;
			
 
				+  interface ComponentCustomOptions extends Hooks {}
			
 
				+}
			
--- a/小程序/jingtailan/src/static/data/common.ts
+++ b/小程序/jingtailan/src/static/data/common.ts
@@ -0,0 +1,10 @@
 
				+// 背景音频
			
 
				+const innerAudioContext = uni.createInnerAudioContext();
			
 
				+// 介绍音频
			
 
				+const introAudioContext = uni.createInnerAudioContext();
			
 
				+const musicSta = false;
			
 
				+export default {
			
 
				+  innerAudioContext,
			
 
				+  musicSta,
			
 
				+  introAudioContext,
			
 
				+};
			
--- a/小程序/jingtailan/src/static/img/bottomInco/back1.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/back1.png
--- a/小程序/jingtailan/src/static/img/bottomInco/back2.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/back2.png
--- a/小程序/jingtailan/src/static/img/bottomInco/gride.svg
+++ b/小程序/jingtailan/src/static/img/bottomInco/gride.svg
--- a/小程序/jingtailan/src/static/img/bottomInco/inco1.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco1.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco1Ac.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco1Ac.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco2.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco2.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco2Ac.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco2Ac.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco3.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco3.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco3Ac.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco3Ac.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco4.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco4.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco4Ac.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco4Ac.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco5.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco5.png
--- a/小程序/jingtailan/src/static/img/bottomInco/inco5Ac.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/inco5Ac.png
--- a/小程序/jingtailan/src/static/img/bottomInco/music.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/music.png
--- a/小程序/jingtailan/src/static/img/bottomInco/musicAc.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/musicAc.png
--- a/小程序/jingtailan/src/static/img/bottomInco/right.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/right.png
--- a/小程序/jingtailan/src/static/img/bottomInco/title-logo.png
+++ b/小程序/jingtailan/src/static/img/bottomInco/title-logo.png
--- a/小程序/jingtailan/src/types/declaration.d.ts
+++ b/小程序/jingtailan/src/types/declaration.d.ts
@@ -0,0 +1,4 @@
 
				+declare module "*.scss";
			
 
				+declare module "*.png";
			
 
				+declare module "*.jpg";
			
 
				+declare module "*.gif";
			
--- a/小程序/jingtailan/src/types/index.d.ts
+++ b/小程序/jingtailan/src/types/index.d.ts
@@ -0,0 +1,2 @@
 
				+
			
 
				+
			
--- a/小程序/jingtailan/src/types/store/Mine.d.ts
+++ b/小程序/jingtailan/src/types/store/Mine.d.ts
@@ -0,0 +1 @@
 
				+
			
--- a/小程序/jingtailan/src/uni.scss
+++ b/小程序/jingtailan/src/uni.scss
@@ -0,0 +1,76 @@
 
				+/**
			
 
				+ * 这里是uni-app内置的常用样式变量
			
 
				+ *
			
 
				+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
			
 
				+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
			
 
				+ *
			
 
				+ */
			
 
				+
			
 
				+/**
			
 
				+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
			
 
				+ *
			
 
				+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
			
 
				+ */
			
 
				+
			
 
				+/* 颜色变量 */
			
 
				+
			
 
				+/* 行为相关颜色 */
			
 
				+$uni-color-primary: #007aff;
			
 
				+$uni-color-success: #4cd964;
			
 
				+$uni-color-warning: #f0ad4e;
			
 
				+$uni-color-error: #dd524d;
			
 
				+
			
 
				+/* 文字基本颜色 */
			
 
				+$uni-text-color: #333; // 基本色
			
 
				+$uni-text-color-inverse: #fff; // 反色
			
 
				+$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
			
 
				+$uni-text-color-placeholder: #808080;
			
 
				+$uni-text-color-disable: #c0c0c0;
			
 
				+
			
 
				+/* 背景颜色 */
			
 
				+$uni-bg-color: #fff;
			
 
				+$uni-bg-color-grey: #f8f8f8;
			
 
				+$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
			
 
				+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
			
 
				+
			
 
				+/* 边框颜色 */
			
 
				+$uni-border-color: #c8c7cc;
			
 
				+
			
 
				+/* 尺寸变量 */
			
 
				+
			
 
				+/* 文字尺寸 */
			
 
				+$uni-font-size-sm: 12px;
			
 
				+$uni-font-size-base: 14px;
			
 
				+$uni-font-size-lg: 16px;
			
 
				+
			
 
				+/* 图片尺寸 */
			
 
				+$uni-img-size-sm: 20px;
			
 
				+$uni-img-size-base: 26px;
			
 
				+$uni-img-size-lg: 40px;
			
 
				+
			
 
				+/* Border Radius */
			
 
				+$uni-border-radius-sm: 2px;
			
 
				+$uni-border-radius-base: 3px;
			
 
				+$uni-border-radius-lg: 6px;
			
 
				+$uni-border-radius-circle: 50%;
			
 
				+
			
 
				+/* 水平间距 */
			
 
				+$uni-spacing-row-sm: 5px;
			
 
				+$uni-spacing-row-base: 10px;
			
 
				+$uni-spacing-row-lg: 15px;
			
 
				+
			
 
				+/* 垂直间距 */
			
 
				+$uni-spacing-col-sm: 4px;
			
 
				+$uni-spacing-col-base: 8px;
			
 
				+$uni-spacing-col-lg: 12px;
			
 
				+
			
 
				+/* 透明度 */
			
 
				+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
			
 
				+
			
 
				+/* 文章场景相关 */
			
 
				+$uni-color-title: #2c405a; // 文章标题颜色
			
 
				+$uni-font-size-title: 20px;
			
 
				+$uni-color-subtitle: #555; // 二级标题颜色
			
 
				+$uni-font-size-subtitle: 18px;
			
 
				+$uni-color-paragraph: #3f536e; // 文章段落颜色
			
 
				+$uni-font-size-paragraph: 15px;
			
--- a/小程序/jingtailan/src/util/index.ts
+++ b/小程序/jingtailan/src/util/index.ts
@@ -0,0 +1,90 @@
 
				+import { LogonApi } from "@/api/api/login";
			
 
				+
			
 
				+// 检查userInfo缓存
			
 
				+export function checkLoginStatus() {
			
 
				+  let userInfo =  uni.getStorageSync("JTL_userInfo");
			
 
				+  if (userInfo) {
			
 
				+    let nowTime = Date.now();
			
 
				+    let data = JSON.parse(userInfo);
			
 
				+    // 超过了6个小时
			
 
				+    if (nowTime - data.time >= 1000 * 60 * 60 * 6) {
			
 
				+      return false;
			
 
				+    } else {
			
 
				+      return true;
			
 
				+    }
			
 
				+  } else {
			
 
				+    return false;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+// 授权登录
			
 
				+// 打开微信授权确认框
			
 
				+export function openUserProfile() {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.getUserProfile({
			
 
				+      lang: 'zh_CN',
			
 
				+      desc: '获取你的昵称、头像、地区及性别',
			
 
				+      success: (res) => {
			
 
				+        resolve(res)
			
 
				+      },
			
 
				+      // 失败回调
			
 
				+      fail: (err) => {
			
 
				+        reject(err)
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+// 获得weixin Code
			
 
				+export function getWxCode() {
			
 
				+  return new Promise((resolve, reject) => {
			
 
				+    uni.login({
			
 
				+      success(res) {
			
 
				+        //这里就是code，可以打印看下
			
 
				+        resolve(res.code)
			
 
				+      },
			
 
				+      fail(err) {
			
 
				+        reject(err)
			
 
				+      }
			
 
				+    })
			
 
				+  })
			
 
				+
			
 
				+}
			
 
				+
			
 
				+// 授权触发事件
			
 
				+export function wxLogin () {
			
 
				+  let p1 = getWxCode();
			
 
				+  let p2 = openUserProfile();
			
 
				+  p1.then(code => {
			
 
				+    return code
			
 
				+  }).then(code => {
			
 
				+    return new Promise((resolve, reject) => {
			
 
				+      p2.then((res: any) => {
			
 
				+        resolve({
			
 
				+          code,
			
 
				+          iv: res.iv,
			
 
				+          encryptedData: res.encryptedData
			
 
				+        })
			
 
				+      }).catch(err => {
			
 
				+        reject(err)
			
 
				+      })
			
 
				+    }).then((res: any) => {
			
 
				+      // 得到code 拉token
			
 
				+      LogonApi.login(res.code).then((res: any) => {
			
 
				+        if (res.data.code === 0) {
			
 
				+          // 存放token
			
 
				+          uni.setStorageSync('JTL_token', res.data.data.token);
			
 
				+          // 存放登录用户信息
			
 
				+          uni.setStorageSync('JTL_userInfo', res.data.data.wxUser)
			
 
				+          setTimeout(() => {
			
 
				+            uni.showToast({
			
 
				+              title: '授权成功'
			
 
				+            })
			
 
				+          }, 300)
			
 
				+        }
			
 
				+      })
			
 
				+    })
			
 
				+  })
			
 
				+}
			
 
				+
			
--- a/小程序/jingtailan/tsconfig.json
+++ b/小程序/jingtailan/tsconfig.json
		`@@ -0,0 +1 @@`
		`+export const baseIMGUrl ='https://houseoss.4dkankan.com/project/bjfljtl/img'`