提交

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "serve": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service serve --mode dev",
-    "build": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build --mode pro",
+    "build": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service build --mode pro & node ./saveOSSAGitte.js",
     "gitPush": "node ./saveOSSAGitte.js"
   },
   "dependencies": {

saveOSSAGitte.js

@@ -17,13 +17,13 @@ class saveOssGitte {
       bucket: "smcic-index",
     });
     this.execFun();
-    // this.delDir(baseOssDir);
-    // try {
-    //   this.getFiles(path.resolve(__dirname, "./" + this.localDir));
-    //   console.log("数据上传oss---完成");
-    // } catch (err) {
-    //   console.log("数据上传oss---失败");
-    // }
+    this.delDir();
+    try {
+      this.getFiles(path.resolve(__dirname, "./" + this.localDir));
+      console.log("数据上传oss---完成");
+    } catch (err) {
+      console.log("数据上传oss---失败");
+    }
   }
 
   /**
@@ -45,11 +45,10 @@ class saveOssGitte {
   /**
    * 获得上传目录下的所有文件路径
    * 删除oss指定路径下文件
-   * @param {string} in_dirPath
    */
-  async delDir(in_dirPath) {
+  async delDir() {
     let list = await this.client.list({
-      prefix: in_dirPath,
+      prefix: this.baseOssDir,
     });
     (list.objects || []).splice(0, 1);
     //   删除文件
@@ -92,7 +91,7 @@ class saveOssGitte {
       dir = dir.reverse()[0] + "/";
       if (dir === this.localDir) dir = "";
       await this.client.put(
-        baseOssDir + dir + filePath[1],
+        this.baseOssDir + dir + filePath[1],
         path.normalize(filePath.join("\\"))
         // 自定义headers
         //,{headers}

src/view/Soundbyte/index.vue

@@ -13,7 +13,7 @@
           font-size: 16px;
         "
       >
-        由陕西广电融媒体集团（台）官方平台闪视频APP与陕西音乐广播FM98.8共同打造的校园音乐IP-“战马音浪•校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
+        由陕西广电融媒体集团(台)官方平台闪视频APP、陕西音乐广播FM98.8、战马能量型维生素饮料联合打造的校园音乐 IP-“战马音浪·校园歌手大赛”将于2022年11月16日-11月26日举办。本次活动以线上直播PK
         为主，结合线上线下丰富有趣的内容设置，依托省台影响力将赛事在全网曝光。
       </p>
       <p

src/view/WorldCup/index.vue

@@ -1,7 +1,74 @@
 <template>
-  <div class="WorldCup"></div>
+  <div class="WorldCup" :style="'font-size: ' + fontSize + 'px'">
+    <div class="up">
+      <img class="upbg" :src="require('../../assets/img/upbg.jpg')" />
+      <img class="topad" :src="require('../../assets/img/worldCup.png')" />
+      <video class="video" src=""></video>
+      <img class="activityTitle" :src="require('../../assets/img/T.png')" />
+      <div class="activity"></div>
+      <div class="btns">
+        <img
+          class="userInput"
+          :src="require('../../assets/img/userInput.png')"
+        />
+        <img class="userInput my" :src="require('../../assets/img/my.png')" />
+      </div>
+    </div>
+    <div class="down">
+      <div class="videobg">
+        <div class="title">模块标题</div>
+        <van-row gutter="18">
+          <van-col span="12">
+            <video class="video" src=""></video>
+          </van-col>
+          <van-col span="12">
+            <video class="video" src=""></video>
+          </van-col>
+        </van-row>
+        <van-row gutter="18">
+          <van-col span="12">
+            <video class="video" src=""></video>
+          </van-col>
+          <van-col span="12">
+            <video class="video" src=""></video>
+          </van-col>
+        </van-row>
+      </div>
+      <div class="vote">
+        <img
+          class="activityTitle"
+          :src="require('../../assets/img/vote.png')"
+        />
+        <div class="subTitle">123</div>
+        <div class="topThree">
+          <div class="topUser">
+            <div class="userImg">
+                <img :src="require('../../assets/img/hg.png')" alt="" class="hg">
+            </div>
+            <div class="userName">这是一个姓名</div>
+            <div class="userP">29403</div>
+          </div>
+          <div class="topUser">
+            <div class="userImg">
+                <img :src="require('../../assets/img/hg.png')" alt="" class="hg">
+            </div>
+            <div class="userName">这是一个姓名</div>
+            <div class="userP">29403</div>
+          </div>
+          <div class="topUser">
+            <div class="userImg">
+                <img :src="require('../../assets/img/hg.png')" alt="" class="hg">
+            </div>
+            <div class="userName">这是一个姓名</div>
+            <div class="userP">29403</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 <script setup>
+import { ref } from "vue";
 // import { onMounted, reactive } from "vue";
 // import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
 /**
@@ -10,10 +77,147 @@
  * window.$originData.urlParames url参数
  */
 console.log(window.$originData);
+const availWidth =
+  window.$originData.orginParames.availWidth > 1440
+    ? 1440
+    : window.$originData.orginParames.availWidth;
+const fontSize = ref(availWidth / 10);
 </script>
 <style lang="scss">
 .WorldCup {
-  width: 100vw;
-  height: 100vh;
+  $fontSize: calc(100% / 10);
+  width: 100%;
+  max-width: 1440px;
+  min-height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-image: url(../../assets/img/bg.jpg);
+  background-size: 100% 100%;
+  .video {
+    background: #000;
+    width: 100%;
+  }
+  .activityTitle {
+    width: 51.1%;
+    display: block;
+    margin: 0 auto;
+  }
+  .up {
+    padding-top: 25px;
+    position: relative;
+    .upbg {
+      position: absolute;
+      top: 0;
+      z-index: 0;
+      width: 100%;
+    }
+    .topad {
+      position: relative;
+      z-index: 1;
+      width: 83vw;
+      display: block;
+      margin: 0 auto 22px auto;
+    }
+    .video {
+      position: relative;
+      z-index: 1;
+      width: calc(100% - 26px);
+      margin: 13px;
+    }
+    .activity {
+      background-image: url(../../assets/img/kuang.png);
+      background-size: 100% 100%;
+      margin: 17px 10px 19px 10px;
+      min-height: 315px;
+    }
+    .btns {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 10px 32px 10px;
+      .userInput {
+        display: inline-block;
+        width: 211px;
+        height: 64px;
+      }
+      .my {
+        width: 133px;
+        margin-left: 11px;
+      }
+    }
+  }
+  .down {
+    .videobg {
+      background-image: url(../../assets/img/videobg.jpg);
+      background-size: 100% 100%;
+      padding: 28px 13px;
+      .title {
+        height: 25px;
+        font-size: 28px;
+        font-family: Baiwuchangtidecard;
+        color: #ffffff;
+        line-height: 42px;
+        -webkit-text-stroke: 1px #0b37ab;
+        text-stroke: 1px #0b37ab;
+        text-align: center;
+        margin-bottom: 25px;
+      }
+    }
+    .vote {
+      .activityTitle {
+        padding-top: 34px;
+        padding-bottom: 21px;
+      }
+      .subTitle {
+        font-size: 13px;
+        font-family: PingFang SC;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 17px;
+        margin: 0 21px;
+      }
+    }
+    .topThree {
+      background-image: url(../../assets/img/topThree.png);
+      background-size: 100% 100%;
+      margin: 0 16px;
+      height: 206px;
+      display: flex;
+      .topUser {
+        flex: 1;
+        text-align: center;
+        flex-direction: row-reverse;
+        .userImg {
+
+          width: 70px;
+          height: 70px;
+          border-radius: 50%;
+          margin: 0 auto;
+          background-color: #000;
+          position: relative;
+          .hg {
+            width: 35px;
+            height: 25px;
+            position: absolute;
+            top: -15px;
+            right: 0;
+          }
+        }
+        .userName {
+          font-size: 12px;
+          padding: 10px;
+          font-family: PingFang SC;
+          font-weight: 400;
+          color: #ffffff;
+        }
+        .userP {
+          color: #ffc834;
+          font-size: 19px;
+          font-family: PingFang SC;
+          font-weight: 600;
+          color: #ffc834;
+        }
+      }
+    }
+  }
 }
 </style>