提交

src/view/schedule/change.vue

@@ -18,7 +18,7 @@
       <polygon
         fill="#08A1EF"
         points="64,32 54.6,54.6 32,64 9.4,54.6 0,32 9.4,9.4 32,0 54.6,9.4 "
-        style="fill: rgb(64, 30, 97)"
+        style="fill: #12504d"
       ></polygon>
     </svg>
     <svg
@@ -39,7 +39,7 @@
       <polygon
         fill="#08A1EF"
         points="64,32 54.6,54.6 32,64 9.4,54.6 0,32 9.4,9.4 32,0 54.6,9.4 "
-        style="fill: rgb(64, 30, 97)"
+        style="fill: #12504d"
       ></polygon>
     </svg>
     <svg
@@ -60,7 +60,7 @@
       <polygon
         fill="#08A1EF"
         points="64,32 54.6,54.6 32,64 9.4,54.6 0,32 9.4,9.4 32,0 54.6,9.4 "
-        style="fill: rgb(64, 30, 97)"
+        style="fill: #12504d"
       ></polygon>
     </svg>
     <svg
@@ -81,7 +81,7 @@
       <polygon
         fill="#08A1EF"
         points="64,32 54.6,54.6 32,64 9.4,54.6 0,32 9.4,9.4 32,0 54.6,9.4 "
-        style="fill: rgb(64, 30, 97)"
+        style="fill: #12504d"
       ></polygon>
     </svg>
     
@@ -103,7 +103,7 @@
       <polygon
         fill="#08A1EF"
         points="64,32 54.6,54.6 32,64 9.4,54.6 0,32 9.4,9.4 32,0 54.6,9.4 "
-        style="fill: rgb(64, 30, 97)"
+        style="fill: #12504d"
       ></polygon>
     </svg>
   </div>

src/view/schedule/index.js

@@ -10,6 +10,6 @@ createApp(App).mount('#app');
 // 分享
 window.weixin_Share_Init(
   document.title,
-  '盛世中华 何以中国',
+  '网上主题宣传',
   'https://cxzx.smcic.net/topic/tool/img/tvlogo.jpg'
 );

src/view/schedule/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="schedule" @touchmove="touchmove">
     <!-- 播放键 -->
-    <svg
+    <!-- <svg
       class="imgbtn rotating"
       @click="play"
       :style="{
@@ -29,7 +29,7 @@
         fill="#FFFFFF"
         p-id="902"
       ></path>
-    </svg>
+    </svg> -->
     <!-- 上划图标 -->
     <div class="up_icon">
       <div class="center0">
@@ -45,9 +45,10 @@
       <pageThird v-if="page === 1" />
       <pageFourth v-if="page === 2" />
       <pageFifth v-if="page === 3" />
-      <pageSexth v-if="page === 4" />
-      <pageSeventh v-if="page === 5" />
-      <pageEighth v-if="page === 6" />
+      <pageFifth2 v-if="page === 4" />
+      <pageSexth v-if="page === 5" />
+      <pageSeventh v-if="page === 6" />
+      <pageEighth v-if="page === 7" />
     </div>
   </div>
 </template>
@@ -59,6 +60,7 @@ import pageFirst from './page1.vue';
 import pageThird from './page3.vue';
 import pageFourth from './page4.vue';
 import pageFifth from './page5.vue';
+import pageFifth2 from './page9.vue';
 import pageSexth from './page6.vue';
 import pageSeventh from './page7.vue';
 import pageEighth from './page8.vue';
@@ -71,38 +73,38 @@ import pageEighth from './page8.vue';
  * window.$originData.urlParames url参数
  */
 // console.log(window.$originData);
-const play_stats = ref(false);
+// const play_stats = ref(false);
 const page = ref(0);
 let startY = 0;
 
-const audio = new Audio('https://cxzx.smcic.net/topic/tool/media/bgm.mp3');
-audio.loop = true; // 循环播放
-audio.autoplay = 'autoplay';
-
-audio.oncanplay = () => {
-  window.WeixinJSBridge &&
-    window.WeixinJSBridge.invoke(
-      'getNetworkType',
-      {},
-      () => {
-        // audio.play();
-        // play_stats.value = true;
-      },
-      false
-    );
-};
-audio.onplaying = () => (play_stats.value = !audio.paused);
-audio.onpause = () => (play_stats.value = !audio.paused);
-
-const play = () => {
-  if (audio.paused) {
-    // 播放
-    audio.play();
-  } else {
-    // 暂停
-    audio.pause();
-  }
-};
+// const audio = new Audio('https://cxzx.smcic.net/topic/tool/media/bgm.mp3');
+// audio.loop = true; // 循环播放
+// audio.autoplay = 'autoplay';
+
+// audio.oncanplay = () => {
+//   window.WeixinJSBridge &&
+//     window.WeixinJSBridge.invoke(
+//       'getNetworkType',
+//       {},
+//       () => {
+//         // audio.play();
+//         // play_stats.value = true;
+//       },
+//       false
+//     );
+// };
+// audio.onplaying = () => (play_stats.value = !audio.paused);
+// audio.onpause = () => (play_stats.value = !audio.paused);
+
+// const play = () => {
+//   if (audio.paused) {
+//     // 播放
+//     audio.play();
+//   } else {
+//     // 暂停
+//     audio.pause();
+//   }
+// };
 
 const touchstart = e => {
   startY = e.changedTouches[0].clientY;

src/view/schedule/page2.vue

@@ -66,7 +66,7 @@ import skeleton from './skeleton.vue';
       }
       &::after,
       .dh {
-        background-color: #654987;
+        background-color: #12504d;
         z-index: 0;
         top: 15%;
         left: 25%;
@@ -84,7 +84,7 @@ import skeleton from './skeleton.vue';
     .line {
       height: 3px;
       width: calc(100% + 2.5em);
-      background-color: #654987;
+      background-color: #12504d;
       margin-left: -2.5em;
       margin-top: 0.25em;
     }

src/view/schedule/page3.vue

@@ -4,7 +4,7 @@
         “盛世中华 何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团，在陕西各地文博一线展开线下主题采访活动，多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果。
     </div>
     <br />
-    <img src="./img/gif.jpg" style="display: block;" class="gif animate__animated animate__fadeInUpBig" />
+    <img src="./img/secondhead.jpg" style="display: block;" class="gif animate__animated animate__fadeInUpBig" />
   </skeleton>
 </template>
 <script setup>
@@ -53,7 +53,7 @@ import skeleton from './skeleton.vue';
     }
     &::after,
     .dh {
-      background-color: #654987;
+      background-color: #12504d;
       z-index: 0;
       top: 15%;
       left: 25%;
@@ -71,7 +71,7 @@ import skeleton from './skeleton.vue';
   .line {
     height: 3px;
     width: calc(100% + 2.5em);
-    background-color: #654987;
+    background-color: #12504d;
     margin-left: -2.5em;
     margin-top: 0.25em;
   }
@@ -91,7 +91,7 @@ import skeleton from './skeleton.vue';
 .gif {
   display: block;
   width: 100%;
-  height: 11.5vw;
+  height: 28.5vw;
   max-height: 97.5px;
   max-height: 247.5px;
 }

src/view/schedule/page5.vue

@@ -1,17 +1,40 @@
 <template>
-<skeleton title="活动日程" titleLine="ACTIVITY TRIP">
+  <skeleton title="活动日程" titleLine="ACTIVITY TRIP">
     <!-- <h2 class=" animate__animated animate__zoomInRight">活动</h2> -->
-    <div style="animation-delay: 0.1s;" class="item animate__animated animate__zoomInRight">7月8日 陕广大剧院:“何以中国”创意直播活动</div>
-    <div style="animation-delay: 0.2s;" class="item animate__animated animate__zoomInRight">7月9日 网上宣传启动仪式、“新媒体时代讲好中国文物故事”主题论坛</div>
-    <div style="animation-delay: 0.3s;" class="item animate__animated animate__zoomInRight">7月10日 陕西历史博物馆、秦始皇帝陵博物院采访</div>
-    <div style="animation-delay: 0.4s;" class="item animate__animated animate__zoomInRight">7月11日 宝鸡青铜博物院、黄帝陵采访</div>
-    <div style="animation-delay: 0.5s;" class="item animate__animated animate__zoomInRight">7月12日 延安芦山峁、榆林统万城采访</div>
-    <div style="animation-delay: 0.6s;" class="item animate__animated animate__zoomInRight">7月13日 榆林镇北台、石峁遗址采访</div>
+    <div
+      style="animation-delay: 0.1s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      7月8日12:00-7月9日12:00 报到
+    </div>
+    <div
+      style="animation-delay: 0.2s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      7月9日20:00-21:30 “盛世中华 何以中国”网上主题宣传启动仪式
+    </div>
+    <div
+      style="animation-delay: 0.3s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      7月9日14:30-16:30 “担负新时代文化使命 激活中华文明新活力”主题论坛
+    </div>
+    <div
+      style="animation-delay: 0.4s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      7月9日20:00-21:30 “盛世中华 何以中国”网上主题宣传启动仪式
+    </div>
+    <div
+      style="animation-delay: 0.5s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      7月9日14:30-16:30 “盛世中华 何以中国”主题分享会
+    </div>
   </skeleton>
 </template>
 <script setup>
 import skeleton from './skeleton.vue';
-
 </script>
 <style lang="scss">
 // 动画库
@@ -27,7 +50,7 @@ h2 {
   padding-left: 3px;
   margin-bottom: 10px;
   &:nth-child(even) {
-    background-color: #79539e;
+    background-color: #12504d;
     color: #fff;
   }
 }

src/view/schedule/page6.vue

@@ -38,7 +38,7 @@ import skeleton from './skeleton.vue';
 
   .user-image {
     width: 63%;
-    border: 2px solid #502e7460;
+    border: 2px solid #12504d60;
     border-radius: 5px;
     vertical-align: middle;
   }
@@ -69,7 +69,7 @@ import skeleton from './skeleton.vue';
 
     .user-image {
       width: 63%;
-      border: 2px solid #502e7460;
+      border: 2px solid #12504d60;
       border-radius: 5px;
       vertical-align: middle;
     }

src/view/schedule/page7.vue

@@ -20,7 +20,7 @@ import skeleton from './skeleton.vue';
     display: block;
     margin: -1em auto 0 auto;
     border-radius: 5px;
-    border: 1px solid #79539e;
+    border: 1px solid #12504d;
 }
 
 .name-class {

src/view/schedule/page8.vue

@@ -1,21 +1,29 @@
 <template>
-  <skeleton title="会议环境" titleLine="ACTIVITY TRIP">
+  <skeleton title="活动地点" titleLine="ACTIVITY TRIP">
     <div class="main">
-        <img src="./img/environment.webp" class="line1 animate__animated animate__fadeInUp" style="margin: 0;" />
-        <div style="animation-delay: 0.2s;" class="line1 animate__animated animate__fadeInUp">
-            <img src="./img/environment2-1.webp" class="flex2">
-            <img src="./img/environment2-2.webp" class="flex1">
-        </div>
-        <div style="animation-delay: 0.4s;" class="line1 animate__animated animate__fadeInUp">
-            <img src="./img/environment2-2.webp" class="flex1">
-            <img src="./img/environment2-1.webp" class="flex2">
-        </div>
+      <div
+        style="animation-delay: 0.2s"
+        class="line1 animate__animated animate__fadeInUp"
+      >
+        <img src="./img/environment2-1.png" class="flex2" />
+        <!-- <img src="./img/environment2-2.png" class="flex1" /> -->
+        <van-image class="flex1" :src="image1" />
+      </div>
+      <div
+        style="animation-delay: 0.4s"
+        class="line1 animate__animated animate__fadeInUp"
+      >
+        <van-image class="flex1" :src="image2" style="margin-right: 3px;" />
+        <!-- <img src="./img/environment3-2.png" class="flex1" /> -->
+        <img src="./img/environment3-1.png" class="flex2" />
+      </div>
     </div>
   </skeleton>
 </template>
 <script setup>
 import skeleton from './skeleton.vue';
-
+import image1 from './img/environment2-2.png'
+import image2 from './img/environment3-2.png'
 </script>
 <style lang="scss">
 // 动画库
@@ -25,30 +33,28 @@ import skeleton from './skeleton.vue';
   width: 80%;
   margin: -1em auto 0 auto;
 
-  .line1{
+  .line1 {
     width: 100%;
     height: 17vh;
-    margin-bottom: .25em;
+    margin-bottom: 0.25em;
 
-    .flex2{
-        display: inline-block;
-        width: 66%;
-        margin: .1em .05em 0 0;
-        height: 100%;
+    .flex2 {
+      display: inline-block;
+      width: 66%;
+      margin: 0.3em 0.05em 0 0;
+      height: 100%;
     }
 
-    .flex1{
-        display: inline-block;
-        width: 33%;
-        margin: .1em 0 0 .05em;
-        height: 100%;
+    .flex1 {
+      display: inline-block;
+      width: 33%;
+      margin: 0.3em 0 0 0.05em;
+      height: 100%;
     }
   }
 
-  img{
+  img {
     border-radius: 3px;
-    border: 1px solid #79539e;
   }
-
 }
 </style>

src/view/schedule/page9.vue

@@ -0,0 +1,44 @@
+<template>
+  <skeleton title="活动日程" titleLine="ACTIVITY TRIP">
+    <div
+      style="animation-delay: 0.6s"
+      class="item animate__animated animate__zoomInRight"
+    >
+      <van-row>
+        <van-col span="10">7月9日-7月13日</van-col>
+        <van-col span="14">
+          <p>西安市-陕西历史博物馆</p>
+          <p>秦始皇帝陵博物院</p>
+          <p>宝鸡市-宝鸡青铜器博物馆</p>
+          <p>延安市-黄帝陵</p>
+          <p>榆林市-镇北台</p>
+          <p>红石峡</p>
+          <p>石峁遗址</p>
+          <p>统万城遗址</p>
+        </van-col>
+      </van-row>
+    </div>
+  </skeleton>
+</template>
+<script setup>
+import skeleton from './skeleton.vue';
+</script>
+<style lang="scss">
+// 动画库
+@import url(./sass/animation.scss);
+@import url(./sass/base.scss);
+h2 {
+  margin-bottom: 10px;
+}
+
+.item {
+  font-size: 14px;
+  line-height: 2em;
+  padding-left: 3px;
+  margin-bottom: 10px;
+  &:nth-child(even) {
+    background-color: #12504d;
+    color: #fff;
+  }
+}
+</style>

src/view/schedule/skeleton.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="page-skeleton">
     <img
-      src="./img/secondhead.webp"
+      src="./img/secondhead.jpg"
       class="i1 animate__animated animate__backInLeft"
     />
 
@@ -74,7 +74,7 @@ defineProps({
 
   .bottom {
     position: absolute;
-    background-color: #502e74;
+    background-color: #12504d;
     color: #fff;
     text-align: center;
     bottom: 0;
@@ -128,7 +128,7 @@ defineProps({
         }
         &::after,
         .dh {
-          background-color: #654987;
+          background-color: #12504d;
           z-index: 0;
           top: 15%;
           left: 25%;
@@ -146,7 +146,7 @@ defineProps({
       .line {
         height: 3px;
         width: calc(100% + 2.5em);
-        background-color: #654987;
+        background-color: #12504d;
         margin-left: -2.5em;
         margin-top: 0.25em;
       }