提交

src/view/schedule/page1.vue

@@ -1,10 +1,7 @@
 <template>
   <div class="page-1">
-    <!-- 邀请函 -->
-    <div class="i1 p1yqh">活动行程</div>
-    <!--  ACTIVITY TRIP  -->
-    <div class="t1 animate__animated animate__backInUp">ACTIVITY TRIP</div>
-    <div class="t2 animate__animated animate__backInUp">盛世中华 何以中国</div>
+    <img src="./img/p1head.png" class="t1 animate__animated animate__backInUp">    
+    <div class="t2 animate__animated animate__backInUp">活动行程</div>
 
     <div class="t3">
       <van-row>
@@ -67,7 +64,6 @@ import 'animate.css';
     width: 100%;
     height: 50vh;
     position: absolute;
-    overflow: hidden;
     bottom: 0;
 
     &::after,
@@ -75,7 +71,7 @@ import 'animate.css';
       display: block;
       content: ' ';
       background-color: #fff;
-      height: 55vh;
+      height: 60vh;
       width: 200%;
       position: absolute;
       bottom: -60%;
@@ -115,16 +111,15 @@ import 'animate.css';
 
   .t1 {
     position: absolute;
-    left: 24.5%;
+    left: 14.5%;
     transform: translateX(-50%);
-    width: 51vw;
+    width: 71vw;
     max-width: 380px;
-    top: 30.4vh;
+    top: 25.4vh;
 
     display: block;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
-    background-color: #fff;
     font-size: 15px;
     text-align: center;
   }
@@ -160,6 +155,8 @@ import 'animate.css';
     left: 50%;
     transform: translateX(-50%);
     bottom: 9vh;
+    line-height: 1.5em;
+    font-size: 13px;
     z-index: 2;
   }
 }

src/view/schedule/skeleton.vue

@@ -27,35 +27,7 @@
       </div>
     </div>
 
-    <div class="bottom">
-      <div class="animate__animated animate__bounceInUp">
-        <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>
+    <div class="bottom"></div>
   </div>
 </template>
 <script setup>
@@ -98,7 +70,9 @@ defineProps({
 
   .bottom {
     position: absolute;
-    background-color: #12504d;
+    // background-color: #12504d;
+    background: url('./img/bg.png') no-repeat;
+    background-size:  100% 100%;
     color: #fff;
     bottom: 0;
     width: 100%;