提交

src/config/page.json

@@ -6,5 +6,8 @@
     "imageLive":{
         "title": "图文直播",
         "parameters": {}
+    },
+    "imageLiveAdmin": {
+        "title": "图片直播上传"
     }
 }

src/view/Soundbyte/index.vue

@@ -7,7 +7,7 @@
       <p
         style="
           text-indent: 2em;
-          padding: 8px;
+          padding: 8px 8px 0 8px;
           text-align: justify;
           line-height: 1.5em;
           font-size: 16px;
@@ -16,6 +16,17 @@
         由陕西广电融媒体集团（台）官方平台闪视频APP与陕西音乐广播FM98.8共同打造的校园音乐IP-“战马音浪•校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
         为主，结合线上线下丰富有趣的内容设置，依托省台影响力将赛事在全网曝光。
       </p>
+      <p
+        style="
+          text-indent: 2em;
+          padding: 0 8px 8px 8px;
+          text-align: justify;
+          line-height: 1.5em;
+          font-size: 16px;
+        "
+      >
+        直播间不仅有战马定制大礼包、笔记本、U型枕、战马饮料，还有千元现金大奖、总决赛门票等你来拿！
+      </p>
     </van-cell-group>
     <br />
     <van-form @submit="onSubmit">
@@ -48,7 +59,7 @@
           type="tel"
           maxlength="11"
           placeholder="请输入手机号"
-          :rules="[{ validator: isNumber, message: '请输入正确内容' }]"
+          :rules="[{ pattern: /1[0-9]{10}/g, message: '请输入正确内容' }]"
         />
         <van-field
           required
@@ -165,17 +176,42 @@ const showGuize = () => {
     title: "活动规则",
     messageAlign: "left",
     confirmButtonText: "关闭",
-    message:
-      "1、报名时间：即日起至2022年11月25日。\n2、参与对象：陕西各高校学生。\n3、参赛要求：曲风不限，自行准备演唱伴奏。\n4、嘉宾评委：陕西广播电视台音乐类主播/西安知名音乐人/歌手。\n5、评比规则：唱功为基本要求，结合现场表现、演唱发挥进行综合评分，优秀选手将直接进入总决赛（决赛时间：2022年11月26日），线上将评出人气选手。\n6、线上比赛时间：11月16日 19:00--21:00、11月23日 19:00--21:00。\n7、线下比赛时间：11月12日 14:00--16:00、11月13日 14:00--16:00、11月19日 14:00--16:00、11月20日 14:00--16:00。",
+    message: () => (
+      <div class="art">
+        <p>1、报名时间：即日起至2022年11月25日。</p>
+        <p>2、参与对象：陕西各高校学生。</p>
+        <p>3、参赛要求：曲风不限，自行准备演唱伴奏。</p>
+        <p>4、嘉宾评委：陕西广播电视台音乐类主播/西安知名音乐人/歌手。</p>
+        <p>
+          5、评比规则：唱功为基本要求，结合现场表现、演唱发挥进行综合评分，优秀选手将直接进入总决赛（决赛时间：2022年11月26日），线上将评出人气选手。
+        </p>
+        <p>
+          6、线上比赛时间：
+          <p style="text-indent: 2em;">11月16日 19:00--21:00</p>
+          <p style="text-indent: 2em;">11月23日 19:00--21:00</p>
+        </p>
+        <p>
+          7、线下比赛时间：
+          <p style="text-indent: 2em;">11月12日 14:00--16:00</p>
+          <p style="text-indent: 2em;">11月13日 14:00--16:00</p>
+          <p style="text-indent: 2em;">11月19日 14:00--16:00</p>
+          <p style="text-indent: 2em;">11月20日 14:00--16:00</p>
+        </p>
+        <p>8、线上PK赛奖品：战马定制大礼包、笔记本、U型枕、战马饮料。</p>
+        <p>
+          9、11月26日总决赛奖品：
+          <p style="text-indent: 2em;">冠军：3000元奖金 + 战马饮料4箱;</p>
+          <p style="text-indent: 2em;">亚军：2000元奖金 + 战马饮料3箱</p>
+          <p style="text-indent: 2em;">季军：：1000元奖金 + 战马饮料2箱</p>
+        </p>
+      </div>
+    ),
   });
 };
 
 const isString = v => {
   return !!v && typeof v == "string" && isNaN(v);
 };
-const isNumber = v => {
-  return !!v && !isNaN(v);
-};
 const isFile = () => {
   return from.file && from.file.length;
 };
@@ -234,6 +270,12 @@ const onSubmit = () => {
   background-color: #0c0000;
   font-weight: 400;
 }
+.Soundbyte .art {
+  padding: 8px 8px 0 8px;
+  text-align: justify;
+  line-height: 1.5em;
+  font-size: 16px;
+}
 .Soundbyte .van-hairline--bottom:after {
   border-bottom-width: 0px;
 }

src/view/imageLiveAdmin/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/imageLiveAdmin/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="imageLiveAdmin"></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>
+.imageLiveAdmin {
+  width: 100vw;
+  height: 100vh;
+}
+</style>