提交

src/config/page.json

@@ -28,5 +28,8 @@
     },
     "SilkRoadShanShiPinList":{
         "title": "丝路春晚投票"
+    },
+    "authorization":{
+        "title": "新型全媒体授权登录"
     }
 }

src/view/SilkRoadSpringFestivalGala/index.vue

@@ -80,6 +80,8 @@ import six from "./pages/six.vue";
 import { ref } from "vue";
 import audioFile from "../../assets/music/BGM.mp3";
 
+import { getInfo } from "@/api/SilkRoadSpringGala.js";
+
 document.title = "多彩丝路中国年 | 2023新年开运色";
 // import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
 /**
@@ -101,6 +103,20 @@ const audio = new Audio();
 audio.src = audioFile;
 audio.loop = true;
 
+// 请求用户，如果不存在则清空缓存
+const phone = localStorage.getItem("silkRoadPhone");
+if (phone) {
+  getInfo({
+    phone: phone,
+  }).catch(err => {
+    if (err.message == "不存在的用户") {
+      localStorage.setItem("silkRoadAddress", "");
+      localStorage.setItem("silkRoadName", "");
+      localStorage.setItem("silkRoadPhone", "");
+    }
+  });
+}
+
 function tosecond() {
   changePage("second");
   const video = document.querySelectorAll("video");
@@ -112,8 +128,8 @@ function tosecond() {
 }
 
 function autoAudio() {
-    if(!audio) return;
-    !audio.playing ? audio.play() : audio.pause();
+  if (!audio) return;
+  !audio.playing ? audio.play() : audio.pause();
 }
 
 function changePage(type) {

src/view/SilkRoadSpringFestivalGala/pages/eight.vue

@@ -134,7 +134,7 @@
           color: #646566;
         "
       >
-        恭喜你中奖，请于1月4日前，在右下角“我的地址”中上传收货地址哦~
+        恭喜你中奖，请于1月8日前，在右下角“我的地址”中上传收货地址哦~
       </p>
     </van-dialog>
   </div>

src/view/authorization/index.js

@@ -0,0 +1,14 @@
+import App from "./index.vue";
+import "@/assets/js/common";
+import { createApp } from "vue";
+import { getPageParameters, environment } from "../../config/pageConfig";
+// 判断环境
+environment();
+window.$originData = getPageParameters();
+document.title = window.$originData.orginParames.title || "";
+createApp(App).mount("#app");
+// <link rel="icon" href="/images/favicon.ico">
+const link = document.createElement("link");
+link.rel = "icon";
+link.href = "https://home.sxtvs.net/images/favicon.ico";
+document.getElementsByTagName("head")[0].appendChild(link);

src/view/authorization/index.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="authorization">
+    <div class="leftCol">
+      <header>
+        <img
+          class="logoimg"
+          src="https://media.sxtvs.net/images/sx_logo.svg"
+          alt="logo"
+        />
+      </header>
+      <div class="body">
+        <div class="content">
+          <p class="title">新型全媒体平台授权登录</p>
+          <p class="subtitle">
+            立足“三端”“四体”“四化”的发展思路，打造技术先进、特色突出、用户众多、自主可控的新型全媒体平台，提升主流媒体的内容生产能力、信息聚合能力和技术引领能力。
+          </p>
+          <img
+            class="contentImg"
+            src="https://home.sxtvs.net/v1/file/download?bucketName=user-app-icon&name=60f0633bc3bb11ecb0cdb1feb69f2116-secondary_background_photo%402x.jpeg"
+            alt=""
+          />
+        </div>
+      </div>
+    </div>
+    <div class="rightCol">
+      <div class="model">
+        <el-form :model="form" label-width="120px">
+          <el-form-item>
+            <el-input v-model="form.name" placeholder="请输入用户名"/>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { onMounted, reactive } from "vue";
+// import { form as el, ElCarousel } from "element-plus";
+// import "element-plus/theme-chalk/base.css";
+// import "element-plus/theme-chalk/el-carousel.css";
+// import "element-plus/theme-chalk/el-carousel-item.css";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+const form = reactive({
+    name: ""
+})
+onMounted(()=>{
+
+})
+</script>
+<style lang="scss">
+.authorization {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  font-weight: 400;
+  color: #545b66;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  .leftCol,
+  .rightCol {
+    display: inline-block;
+    height: 100%;
+    vertical-align: top;
+  }
+  .leftCol {
+    width: 70vw;
+    background-color: #dde3f3;
+    header {
+      width: 100%;
+      height: 56px;
+      line-height: 56px;
+      overflow: hidden;
+      .logoimg {
+        width: 89px;
+        height: 28px;
+        cursor: pointer;
+        display: inline-block;
+        vertical-align: middle;
+      }
+      .text {
+        vertical-align: middle;
+        display: inline-block;
+        color: #000000;
+        font-weight: 600;
+        font-size: 18px;
+      }
+    }
+    .body {
+      font-size: 14px;
+      width: 100%;
+      height: calc(100% - 56px);
+      text-align: center;
+      position: relative;
+      .content {
+        width: 420px;
+        position: relative;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        .title {
+          font-size: 28px;
+          color: #000000;
+          margin-bottom: 1em;
+        }
+        .subtitle {
+          line-height: 3em;
+        }
+        .contentImg {
+          width: 100%;
+        }
+      }
+    }
+  }
+  .rightCol {
+    width: 30vw;
+    position: relative;
+    .model {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+}
+</style>