liyongli 1 year ago
parent
commit
156cd1de6a

BIN
src/view/schedule/img/gif.jpg


+ 11 - 12
src/view/schedule/index.vue

@@ -41,13 +41,13 @@
     <change v-if="page === -1" />
     <div class="page" @touchstart="touchstart" @touchend="touchend">
       <pageFirst v-if="page === 0" />
-      <pageSecond v-if="page === 1" />
-      <pageThird v-if="page === 2" />
-      <pageFourth v-if="page === 3" />
-      <pageFifth v-if="page === 4" />
-      <pageSexth v-if="page === 5" />
-      <pageSeventh v-if="page === 6" />
-      <pageEighth v-if="page === 7" />
+      <!-- <pageSecond v-if="page === 1" /> -->
+      <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" />
     </div>
   </div>
 </template>
@@ -55,7 +55,7 @@
 import { ref, nextTick } from 'vue';
 import change from './change.vue';
 import pageFirst from './page1.vue';
-import pageSecond from './page2.vue';
+// import pageSecond from './page2.vue';
 import pageThird from './page3.vue';
 import pageFourth from './page4.vue';
 import pageFifth from './page5.vue';
@@ -70,7 +70,7 @@ import pageEighth from './page8.vue';
  * window.$originData.orginParames.parameters 固定参数值
  * window.$originData.urlParames url参数
  */
-console.log(window.$originData);
+// console.log(window.$originData);
 const play_stats = ref(false);
 const page = ref(0);
 let startY = 0;
@@ -117,14 +117,13 @@ const touchend = e => {
   // 距离足够则滑动到下一页;
   let n = cha > 0 ? 1 : -1;
   let dn = n + page.value;
-  if (dn < 0) return (dn = 7);
-  if (dn > 7) return (dn = 0);
+  if (dn < 0) return (dn = 6);
+  if (dn > 6) return (dn = 0);
   page.value = -1;
   nextTick(() => {
     let t = setTimeout(() => {
       clearTimeout(t);
       page.value = dn;
-      console.log(n)
     }, 1200);
   });
 };

+ 2 - 2
src/view/schedule/page2.vue

@@ -1,11 +1,11 @@
 <template>
   <skeleton title="诚挚邀请" titleLine="ACTIVITY TRIP">
     <div class="center2">
-      <div class="wixinlogo animate__animated animate__fadeInUpBig">
+      <!-- <div class="wixinlogo animate__animated animate__fadeInUpBig">
         <img src="./img/wx_default.png" class="wxicon" />
         <p class="wx_name">微信昵称(自动识别)</p>
         <div class="line"></div>
-      </div>
+      </div> -->
       <div class="centent animate__animated animate__fadeInUpBig">
         致亲爱的小伙伴们:<br />
         陕西广电融媒体集团组织线下媒体行采访活动,邀请中央重点新闻网站、省重点新闻网站、集团相关部门记者,深入西安、宝鸡、延安、榆林等地,进行实地调研采访。

+ 6 - 5
src/view/schedule/page3.vue

@@ -1,10 +1,10 @@
 <template>
-  <skeleton title="活动背景介绍" titleLine="ACTIVITY TRIP">
-    <div class="animate__animated animate__fadeInUp">
-        由中央网信办、国家文物局、人民日报社、陕西省委网信委指导,中央网信办网络传播局、国家文物局相关司局、陕西省委网信办、人民网等单位主办的“盛世中华 何以中国”网上主题宣传活动启动
+  <skeleton title="活动介绍" titleLine="ACTIVITY TRIP">
+    <div style="text-indent: 2em;" class="animate__animated animate__fadeInUp">
+        “盛世中华 何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团,在陕西各地文博一线展开线下主题采访活动,多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果
     </div>
     <br />
-    <img src="./img/gif.webp" style="display: block;" class="gif animate__fadeInUpBig" />
+    <img src="./img/gif.jpg" style="display: block;" class="gif animate__animated animate__fadeInUpBig" />
   </skeleton>
 </template>
 <script setup>
@@ -91,7 +91,8 @@ import skeleton from './skeleton.vue';
 .gif {
   display: block;
   width: 100%;
-  height: 33vw;
+  height: 11.5vw;
+  max-height: 97.5px;
   max-height: 247.5px;
 }
 </style>

+ 3 - 9
src/view/schedule/page4.vue

@@ -2,18 +2,12 @@
   <skeleton title="活动内容" titleLine="ACTIVITY TRIP">
     <div class="T animate__animated animate__lightSpeedInRight">活动主题</div>
     <ul class="ul animate__animated animate__zoomInLeft">
-      <li>· 深入西安、宝鸡、延安、榆林等地基层</li>
-      <li>· 实地调研采访</li>
-    </ul>
-    <div class="T animate__animated animate__lightSpeedInRight">活动亮点</div>
-    <ul class="ul animate__animated animate__zoomInRight">
-      <li>· 媒体参与度高</li>
-      <li>· 采访范围广</li>
+      <li>· 盛世中华 何以中国</li>
     </ul>
     <div class="T animate__animated animate__lightSpeedInRight">时间地点</div>
     <ul class="ul animate__animated animate__zoomInLeft">
-      <li>2023年7月8日</li>
-      <li>中国·陕西</li>
+      <li>7月8日12:00-7月9日12:00 报道</li>
+      <li>陕西省西安市陕西宾馆18号楼一楼大厅</li>
     </ul>
   </skeleton>
 </template>

+ 0 - 11
src/view/schedule/skeleton.vue

@@ -165,17 +165,6 @@ defineProps({
       > h2 {
         margin-bottom: 10px;
       }
-
-      .item {
-        font-size: 14px;
-        line-height: 2em;
-        padding-left: 3px;
-        margin-bottom: 10px;
-        &:nth-child(even) {
-          background-color: #79539e;
-          color: #fff;
-        }
-      }
     }
   }
 }