提交

src/view/schedule/index.vue

@@ -188,7 +188,6 @@ const touchmove = e => {
   width: 100vw;
   height: 100vh;
   overflow: hidden;
-  position: fixed;
   background-image: url(./img/background.jpg);
   background-size: 100% 100%;
   max-width: 750px;

src/view/schedule/page3.vue

@@ -1,37 +1,30 @@
 <template>
-  <skeleton title="活动介绍" titleLine="">
-    <br />
-    <div style="text-indent: 2em">
-      “盛世中华
-      何以中国”全国主题采访活动首站从陕西拉开帷幕。中央媒体、文物大省和属地新闻网站、新媒体组成采访团，在陕西各地文博一线展开线下主题采访活动，多维度展现中华优秀传统文化传承发展的时代价值和丰硕成果。
-    </div>
-    <br />
-    <div class="t3">
-      <van-row>
-        <van-col :span="6" style="color: #6778a8;">指导单位:</van-col>
-        <van-col :span="18">
-          中央网信办、国家文物局、人民日报社、陕西省委网信办
-        </van-col>
-      </van-row>
-      <br />
-      <van-row>
-        <van-col :span="6" style="color: #6778a8;">主办单位:</van-col>
-        <van-col :span="18">
-          中央网信办网络传播局，国家文物局政策法规司、文物古迹司、考古司、博物馆与社会文物司，陕西省委网信办，陕西省文物局，西安市委网信委，人民网，陕西广电融媒体集团
-        </van-col>
-      </van-row>
-      <br />
-      <van-row>
-        <van-col :span="6" style="color: #6778a8;">承办单位:</van-col>
-        <van-col :span="18">
-          国家文物局新闻中心、陕西考古博物馆、西安市委网信办、人民视频、哔哩哔哩
-        </van-col>
-      </van-row>
-      <br />
-      <van-row>
-        <van-col :span="6" style="color: #6778a8;">支持单位:</van-col>
-        <van-col :span="18">中国互联网发展基金会</van-col>
-      </van-row>
+  <skeleton title="" titleLine="">
+    <div class="bg3">
+      <div class="T3 title3">指导单位</div>
+      <div class="T3">中央网信办</div>
+      <div class="T3">国家文物局</div>
+      <div class="T3">人民日报社</div>
+      <div class="T3">陕西省委网信委</div>
+      <div class="T3 title3">主办单位</div>
+      <div class="T3">中央网信办网络传播局</div>
+      <div class="T3">国家文物局政策法规司</div>
+      <div class="T3">国家文物局文物古迹司</div>
+      <div class="T3">国家文物局考古司</div>
+      <div class="T3">国家文物局博物馆与社会文物司</div>
+      <div class="T3">陕西省委网信办</div>
+      <div class="T3">陕西省文物局</div>
+      <div class="T3">西安市委网信委</div>
+      <div class="T3">人民网</div>
+      <div class="T3">陕西广电融媒体集团</div>
+      <div class="T3 title3">承办单位</div>
+      <div class="T3">国家文物局新闻中心</div>
+      <div class="T3">陕西考古博物馆</div>
+      <div class="T3">西安市委网信办</div>
+      <div class="T3">人民视频</div>
+      <div class="T3">哔哩哔哩</div>
+      <div class="T3 title3">支持单位</div>
+      <div class="T3">中国互联网发展基金会</div>
     </div>
   </skeleton>
 </template>
@@ -42,48 +35,22 @@ import skeleton from './skeleton.vue';
 // 动画库
 @import url(./sass/animation.scss);
 @import url(./sass/base.scss);
-
-.title_text {
-  width: 90%;
-  margin: 0 auto;
-  padding-left: 2.5em;
-  height: 2em;
-  text-align: left;
-  position: relative;
-
-  .line {
-    height: 3px;
-    width: calc(100% + 2.5em);
-    background-color: #12504d;
-    margin-left: -2.5em;
-    margin-top: 0.25em;
+.bg3 {
+  font-size: 16px;
+  .T3 {
+    width: 100%;
+    writing-mode: horizontal-tb;
+    cursor: default;
+    min-height: inherit;
+    letter-spacing: 0em;
+    bottom: 9vh;
+    line-height: 1.7em;
+    text-align: center;
+  }
+  .title3 {
+    line-height: 2.5em;
+    font-weight: 600;
+    color: #6778a8;
   }
-}
-
-.T {
-  background-color: #000;
-  font-weight: 600;
-  color: #fff;
-  text-align: center;
-  line-height: 2em;
-  display: inline-block;
-  padding: 0 1em;
-  border-radius: 2em;
-  margin-bottom: 0.8em;
-}
-.ul {
-  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;
-  z-index: 2;
 }
 </style>

src/view/schedule/page4.vue

@@ -47,7 +47,7 @@
       <p style="font-weight: 600">1.舞剧《何以中国》</p>
       <div class="sub">
         <van-row>
-          <van-col :span="6">表演嘉宾：</van-col>
+          <van-col :span="6">演出单位：</van-col>
           <van-col :span="18">宝鸡歌舞剧院</van-col>
         </van-row>
       </div>
@@ -98,7 +98,7 @@
         <van-row>
           <van-col :span="6">讲述嘉宾：</van-col>
           <van-col :span="18">于志勇 新疆博物馆馆长</van-col>
-          <van-col :span="6">表演嘉宾：</van-col>
+          <van-col :span="6">演出单位：</van-col>
           <van-col :span="18">北京演艺集团</van-col>
         </van-row>
       </div>

src/view/schedule/page5.vue

@@ -48,9 +48,8 @@
           <div class="item" style="padding: 0">宝鸡市-宝鸡青铜器博物馆</div>
           <div class="item" style="padding: 0">延安市-黄帝陵</div>
           <div class="item" style="padding: 0">
-            榆林市-镇北台、红石峡、石峁遗址
+            榆林市-镇北台、红石峡、石峁遗址、<span style="white-space: nowrap;">统万城遗址</span>
           </div>
-          <div class="item" style="padding: 0">统万城遗址</div>
         </van-col>
       </van-row>
     </div>

src/view/schedule/page6.vue

@@ -127,7 +127,7 @@
         <van-row>
           <van-col :span="5"> 徐明非 </van-col>
           <van-col :span="19">
-            <p>陕西省副省长</p>
+            <p>陕西省人民政府副省长</p>
           </van-col>
         </van-row>
       </div>
@@ -508,7 +508,6 @@
           </van-col>
         </van-row>
       </div>
-
       <div class="line6">
         <div class="ctitle">文物部门嘉宾</div>
         <van-row>

src/view/schedule/page7.vue

@@ -23,7 +23,7 @@
       <van-row>
         <van-col :span="5"> 徐明非 </van-col>
         <van-col :span="19">
-          <p>陕西省副省长</p>
+          <p>陕西省人民政府副省长</p>
         </van-col>
       </van-row>
       <van-row>

src/view/schedule/page9.vue

@@ -3,7 +3,7 @@
     <br />
     <img src="./img/environment2-2.png" style="width: 100%;margin-bottom: 1em;" />
     <p class="line9">
-      西安钟鼓楼为钟楼和鼓楼的合称，位于西安市中心，始建于明洪武年间，有着600多年历史，均为中国古代的报时建筑。钟楼是一座重檐三滴水式四角攒尖顶的阁楼式建筑，鼓楼为古代城市中设置大鼓的楼。用以击鼓报警，或按时敲鼓报告时辰。“晨钟暮鼓”、仿秦乐府编钟及编磬表演现为钟鼓楼景区的特色演出项目。
+      西安钟鼓楼为钟楼和鼓楼的合称，位于西安市中心，始建于明洪武年间，有着600多年历史，均为中国古代的报时建筑。钟楼是一座重檐三滴水式四角攒尖顶的阁楼式建筑，鼓楼为古代城市中设置大鼓的楼，用以击鼓报警，或按时敲鼓报告时辰。“晨钟暮鼓”、仿秦乐府编钟及编磬表演现为钟鼓楼景区的特色演出项目。
     </p>
     <p class="line9">
       编钟起源于我国西周时期，由青铜铸造而成，在当时常在宫廷大型庆典祭祀、招待贵宾等重要场合中使用。编磬起源于我国商代，由青石磨制而成，用木制磬锤敲击时可发出清脆悦耳的声音，被誉为天籁之音！

src/view/schedule/skeleton.vue

@@ -11,7 +11,7 @@
         v-text="titleLine"
         v-if="titleLine"
       ></p>
-      <div class="title_text">
+      <div v-if="title" class="title_text">
         <div class="icon">
           <div class="dh"></div>
         </div>
@@ -89,7 +89,7 @@ defineProps({
     }
 
     .title_text {
-      width: 85%;
+      width: 90%;
       margin: 5px auto 0 auto;
       padding-left: 2.5em;
       height: 2.5em;
@@ -138,7 +138,7 @@ defineProps({
     }
 
     .centent {
-      width: 85%;
+      width: 90%;
       margin: 0 auto;
       line-height: 1.5em;
       text-align: left;