feat 博斯腾脑健康调试

src/router/index.js

@@ -190,6 +190,11 @@ const routerConfig = [
     name: 'notice',
     component: () => import('@/views/notice/index.vue'),
   },
+  {
+    path: '/bestcovered',
+    name: 'bestcovered',
+    component: () => import('@/views/bestcovered/index.vue'),
+  },
 ];
 router.beforeEach(async (to, from, next) => {
   headerConfigByMeta(to);

src/views/bestcovered/index.vue

+<template>
+  <div class="page-wrapper">
+    <iframe
+      id="iframe"
+      class="iframe-wrapper"
+      :src="url"
+      frameborder="0"
+    ></iframe>
+    <div
+      v-if="showBtn"
+      class="footer-box"
+    >
+      <div class="btn-box">
+        {{ content }}
+        <!-- <div class="btn">
+          <span>开始训练</span>
+        </div> -->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      url: '',
+      showBtn: false,
+      content: '',
+    };
+  },
+  created() {
+    const {
+      url = 'https://cps-test.bestcovered.com/bst-ld/pages/product-factory/product-factory?clientId=yunque&productCode=G3&userId=123&orderNo=123456&sign=a9da8758984231988537860ca827fac0&timestamp=1724119418352&surveyorInfo=SoJcAg9ABYlg3gooqLSn5l5Ut4nCsrZ5K93pUxLfWEol9sXDBdo7r9RlpaBySrISZ38K%252FFb5bYoXYYQFAjsdnLMAMLn5DXCux0Pf0omaaiI5ZgWVgQIupw%253D%253D',
+    } = this.$route.query;
+    this.url = decodeURIComponent(url);
+  },
+  mounted() {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page-wrapper {
+  min-height: 100vh;
+}
+.iframe-wrapper {
+  display: block;
+  width: 100vw;
+  height: 100vh;
+}
+.footer-box {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding-bottom: calc(constant(safe-area-inset-bottom) / 2);
+  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
+  box-sizing: content-box;
+  .btn-box {
+    padding: 10px 20px;
+    .btn {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 40px;
+      border-radius: 20px;
+      background: linear-gradient(0deg, #d581e0, #8f79f7) no-repeat, #f8f8f8;
+      span {
+        color: #fff;
+        font-size: 16px;
+      }
+    }
+  }
+}
+</style>