提交

package.json

@@ -21,7 +21,10 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0",
-    "unplugin-vue-components": "^0.22.9"
+    "node-sass": "5.0.0",
+    "sass-loader": "10.1.1",
+    "unplugin-vue-components": "^0.22.9",
+    "vue-loader-v16": "16.0.0-beta.5.4"
   },
   "eslintConfig": {
     "root": true,

src/config/page.json

@@ -1,10 +1,10 @@
 {
-    "WorldCup": {
-        "title": "世界杯",
-        "parameters": {}
-    },
     "Soundbyte":{
         "title": "战马音浪，非同凡响",
         "parameters": {}
+    },
+    "imageLive":{
+        "title": "图文直播",
+        "parameters": {}
     }
 }

src/view/Soundbyte/index.vue

@@ -7,24 +7,14 @@
       <p
         style="
           text-indent: 2em;
-          padding: 8px 8px 0 8px;
+          padding: 8px;
           text-align: justify;
           line-height: 1.5em;
           font-size: 16px;
         "
       >
-        新学期伊始，依托陕西音乐广播强大社会影响力、收听率，以及深入年轻群体的《西安人的歌》，联合战马饮料，共同打造“星声代”校园音乐IP——【战马音浪·校园歌手大赛】。
-      </p>
-      <p
-        style="
-          text-indent: 2em;
-          padding: 0 8px 8px 8px;
-          text-align: justify;
-          line-height: 1.5em;
-          font-size: 16px;
-        "
-      >
-        赛事全程将通过闪视频APP、FM98.8《西安人的歌》深度挖掘“音乐、能量、青春、活力、潮流、极致”的精神内核，与热爱音乐的学生产生共鸣，为校园文化艺术生活赋能！
+        由陕西广电融媒体集团（台）官方平台闪视频APP与陕西音乐广播FM98.8共同打造的校园音乐IP-“战马音浪•校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
+        为主，结合线上线下丰富有趣的内容设置，依托省台影响力将赛事在全网曝光。
       </p>
     </van-cell-group>
     <br />
@@ -91,7 +81,9 @@
                 />
               </template>
             </van-uploader>
-            <p style="font-size:12px; color: #666">支持上传MP4、MOV格式的视频，视频时长三分钟以内，视频大小500M以内</p>
+            <p style="font-size: 12px; color: #666">
+              支持上传MP4、MOV格式的视频，视频时长三分钟以内，视频大小500M以内
+            </p>
           </template>
         </van-field>
         <div style="padding: 5px">
@@ -200,37 +192,39 @@ const onSubmit = () => {
   oriData.append("university", from.university);
   oriData.append("isOnLine", from.isOnLine);
   oriData.append("file", from.file[0].file);
-  
+
   Toast.loading({
-      message: '加载中...',
-      forbidClick: true,
-      duration: 0
-    });
+    message: "报名中...",
+    forbidClick: true,
+    duration: 0,
+  });
   axios({
     method: "post",
-    url: "http://topic.smcic.net/xian-song/store",
+    url: "https://topic.smcic.net/xian-song/store",
     headers: {
       "Content-Type": "multipart/form-data",
     },
     data: oriData,
-  }).then(r => {
-    console.log(r);
-    Toast.clear()
-    Dialog.alert({
-      title: "报名成功",
-      messageAlign: "left",
-      confirmButtonText: "关闭",
-      message: () => (
-        <img
-          src="https://cxzx.smcic.net/topic/tool/img/er.jpg"
-          style="width: 100%"
-        />
-      ),
+  })
+    .then(r => {
+      console.log(r);
+      Toast.clear();
+      Dialog.alert({
+        title: "报名成功",
+        messageAlign: "left",
+        confirmButtonText: "关闭",
+        message: () => (
+          <img
+            src="https://cxzx.smcic.net/topic/tool/img/er.jpg"
+            style="width: 100%"
+          />
+        ),
+      });
+    })
+    .catch(() => {
+      Toast.clear();
+      Toast("报名失败");
     });
-  }).catch(()=>{
-    Toast.clear()
-    Toast('报名失败');
-  });
 };
 </script>
 <style>

src/view/WorldCup/index.js

@@ -1,9 +0,0 @@
-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");

src/view/WorldCup/index.vue

@@ -1,76 +0,0 @@
-<template>
-  <div class="WorldCup">
-    <!-- 背景图 -->
-    <img
-      src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
-      style="width: 100%"
-    />
-    <!-- 宣传视频 -->
-    <!-- <video
-      preload="metadata"
-      crossorigin="anonymous"
-      class="video_fill"
-    >
-      您的浏览器不支持 video 标签
-    </video> -->
-    <gsVideo url="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" />
-    <!-- 活动介绍 -->
-    <div>
-      <van-cell-group>
-        <van-cell title="活动介绍" />
-      </van-cell-group>
-    </div>
-    <!-- 投稿区域 -->
-    <div>
-      <van-cell-group>
-        <van-cell title="投稿区域" />
-      </van-cell-group>
-    </div>
-    <!-- 投稿排行 -->
-    <div>
-      <van-cell-group>
-        <van-cell title="投稿排行" />
-      </van-cell-group>
-    </div>
-    <!-- 弹幕 -->
-    <div>
-      <van-cell-group inset>
-        <van-field v-model="sms" center clearable placeholder="请输入弹幕">
-          <template #button>
-            <van-button size="small" type="primary">发送</van-button>
-          </template>
-        </van-field>
-      </van-cell-group>
-    </div>
-    <!-- 冠军预测 -->
-    <div>
-      <van-cell-group>
-        <van-cell title="冠军预测" />
-      </van-cell-group>
-    </div>
-  </div>
-</template>
-<script setup>
-// import { reactive } from "vue";
-import { ref, onMounted } from "vue";
-import gsVideo from "@/components/video.vue";
-// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
-/**
- * window.$originData.orginParames.title 页面标题
- * window.$originData.orginParames.parameters 固定参数值
- * window.$originData.urlParames url参数
- */
-const sms = ref("");
-
-onMounted(() => {});
-
-
-</script>
-<style>
-.WorldCup {
-  width: 100vw;
-  height: 100vh;
-  font-size: 0;
-}
-
-</style>

src/view/imageLive/index.js

@@ -0,0 +1,11 @@
+
+        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');
+        

src/view/imageLive/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="imageLive">
+    <van-cell-group inset title="上午">
+      <van-cell title="郭德纲-我要上春晚" />
+      <div class="imgpkg">
+        1
+      </div>
+    </van-cell-group>
+    <van-cell-group inset title="中午">
+      <van-cell title="郭德纲-我要下春晚" />
+    </van-cell-group>
+    <van-cell-group inset title="下午">
+      <van-cell title="郭德纲-我不要上春晚" />
+    </van-cell-group>
+  </div>
+</template>
+<script setup>
+// import { onMounted, reactive } from "vue";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+</script>
+<style lang="scss">
+.imageLive {
+  background-color: #eee;
+  width: 100vw;
+  height: 100vh;
+  .imgpkg {
+    color: red;
+  }
+}
+</style>

vue.config.js

@@ -6,6 +6,12 @@ module.exports = {
   pages: page.output,
   productionSourceMap: false,
   publicPath: "./",
+  pluginOptions: {
+    'style-resources-loader': {
+      preProcessor: 'sass',
+      patterns: []
+    }
+  },
   configureWebpack: {
     plugins: [
       ComponentsPlugin({