liyongli il y a 1 an
Parent
commit
b8e3e5460e
3 fichiers modifiés avec 49 ajouts et 53 suppressions
  1. 4 48
      src/view/schedule/page1.vue
  2. 44 4
      src/view/schedule/page3.vue
  3. 1 1
      src/view/schedule/skeleton.vue

+ 4 - 48
src/view/schedule/page1.vue

@@ -6,36 +6,8 @@
     />
     <div class="t2 animate__animated animate__backInUp">活动行程</div>
 
-    <div class="t3">
-      <van-row>
-        <van-col :span="4">指导单位:</van-col>
-        <van-col :span="20"
-          >中央网信办 国家文物局 人民日报社 陕西省委网信委</van-col
-        >
-      </van-row>
-      <van-row>
-        <van-col :span="4">主办单位:</van-col>
-        <van-col :span="20"
-          >中央网信办网络传播局 国家文物局政策法规司 文物古迹司 考古司
-          博物馆与社会文物司 陕西省委网信办 陕西省文物局 西安市委网信委 人民网
-          陕西广电融媒体集团</van-col
-        >
-      </van-row>
-      <van-row>
-        <van-col :span="4">承办单位:</van-col>
-        <van-col :span="20"
-          >国家文物局新闻中心 陕西考古博物馆 西安市委网信办 人民视频
-          哔哩哔哩</van-col
-        >
-      </van-row>
-      <van-row>
-        <van-col :span="4">支持单位:</van-col>
-        <van-col :span="20">中国互联网发展基金会</van-col>
-      </van-row>
-    </div>
-
-    <div class="opacity opacity-60"></div>
-    <div class="opacity"></div>
+    <!-- <div class="opacity opacity-60"></div>
+    <div class="opacity"></div> -->
   </div>
 </template>
 <script setup>
@@ -107,7 +79,7 @@ import 'animate.css';
     transform: translateX(-50%);
     width: 91vw;
     max-width: 380px;
-    top: 25.4vh;
+    top: 40.4vh;
 
     display: block;
     -ms-word-wrap: break-word;
@@ -117,7 +89,7 @@ import 'animate.css';
 
   .t2 {
     position: absolute;
-    top: 34.4vh;
+    top: 50.4vh;
     width: 100%;
     text-align: center;
 
@@ -133,21 +105,5 @@ import 'animate.css';
     text-align: center;
     font-weight: 500;
   }
-
-  .t3 {
-    padding: 5px;
-    width: 100%;
-    writing-mode: horizontal-tb;
-    cursor: default;
-    min-height: inherit;
-    letter-spacing: 0em;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: 9vh;
-    line-height: 1.7em;
-    font-size: 13px;
-    z-index: 2;
-  }
 }
 </style>

+ 44 - 4
src/view/schedule/page3.vue

@@ -1,7 +1,8 @@
 <template>
   <skeleton title="活动介绍" titleLine="">
-    <div style="text-indent: 2em;">
-        “盛世中华 何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团,在陕西各地文博一线展开线下主题采访活动,多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果。
+    <div style="text-indent: 2em">
+      “盛世中华
+      何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团,在陕西各地文博一线展开线下主题采访活动,多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果。
     </div>
     <br />
     <div class="T">活动主题</div>
@@ -13,6 +14,33 @@
       <li>7月8日-7月14日</li>
       <li>中国·陕西</li>
     </ul>
+    <div class="t3">
+      <van-row>
+        <van-col :span="4">指导单位:</van-col>
+        <van-col :span="20"
+          >中央网信办 国家文物局 人民日报社 陕西省委网信委</van-col
+        >
+      </van-row>
+      <van-row>
+        <van-col :span="4">主办单位:</van-col>
+        <van-col :span="20"
+          >中央网信办网络传播局 国家文物局政策法规司 文物古迹司 考古司
+          博物馆与社会文物司 陕西省委网信办 陕西省文物局 西安市委网信委 人民网
+          陕西广电融媒体集团</van-col
+        >
+      </van-row>
+      <van-row>
+        <van-col :span="4">承办单位:</van-col>
+        <van-col :span="20"
+          >国家文物局新闻中心 陕西考古博物馆 西安市委网信办 人民视频
+          哔哩哔哩</van-col
+        >
+      </van-row>
+      <van-row>
+        <van-col :span="4">支持单位:</van-col>
+        <van-col :span="20">中国互联网发展基金会</van-col>
+      </van-row>
+    </div>
   </skeleton>
 </template>
 <script setup>
@@ -40,7 +68,6 @@ import skeleton from './skeleton.vue';
   }
 }
 
-
 .T {
   background-color: #000;
   font-weight: 600;
@@ -53,6 +80,19 @@ import skeleton from './skeleton.vue';
   margin-bottom: 0.8em;
 }
 .ul {
-  margin-bottom: .5em;
+  margin-bottom: 0.5em;
+}
+
+.t3 {
+  padding: 5px;
+  width: 100%;
+  writing-mode: horizontal-tb;
+  cursor: default;
+  min-height: inherit;
+  letter-spacing: 0em;
+  bottom: 9vh;
+  line-height: 1.7em;
+  font-size: 12px;
+  z-index: 2;
 }
 </style>

+ 1 - 1
src/view/schedule/skeleton.vue

@@ -75,7 +75,7 @@ defineProps({
     height: 90vh;
     text-align: center;
     line-height: 2em;
-    font-size: 14px;
+    font-size: 16px;
     overflow-y: auto;
 
     .title {