style: 修改片尾

src/views/EpilogueView.vue

@@ -46,56 +46,177 @@
       @click="isShowVideo = false"
     >
 
-    <div class="bottom-wrap">
-      <!-- <div class="qr-code">
-        <img
-          class="qr-code"
-          :src="imageUrl"
-          alt=""
-          draggable="false"
-        >
-        <span>扫码体验小程序</span>
-      </div> -->
-
-      <p class="zbdw">
-        <span>主办单位：</span>中国大运河博物馆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>协办单位：</span>首都博物馆
-      </p>
+    <div class="bottom-wrap-c">
+      <div class="bottom-wrap">
+        <!-- <div class="qr-code">
+          <img
+            class="qr-code"
+            :src="imageUrl"
+            alt=""
+            draggable="false"
+          >
+          <span>扫码体验小程序</span>
+        </div> -->
 
-      <p class="mxdw-title">
-        <span>鸣谢单位</span>
-      </p>
-
-      <div class="mxdw">
-        <p>
-          故宫博物院 上海博物馆 南京博物院 河北博物院 山西博物院 安徽博物院
-        </p>
-        <p>
-          陕西省考古研究院 河北省文物考古研究院 中国丝绸博物馆
+        <p class="zbdw">
+          <span>主办单位：</span>中国大运河博物馆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>协办单位：</span>首都博物馆
         </p>
-        <p>
-          北京石刻艺术博物馆 北京市考古研究院（北京市文化遗产研究院）
-        </p>
-        <p>
-          北京考古遗址博物馆 隆化民族博物馆 保定市满城区文化广电和旅游局
+
+        <p class="mxdw-title">
+          <span>鸣谢单位</span>
         </p>
-        <p>
-          菏泽市博物馆 杭州博物馆 苏州博物馆 镇江博物馆 常州博物馆 无锡博物院
+
+        <div class="mxdw">
+          <p>
+            故宫博物院 上海博物馆 南京博物院 河北博物院 山西博物院 安徽博物院
+          </p>
+          <p>
+            陕西省考古研究院 河北省文物考古研究院 中国丝绸博物馆
+          </p>
+          <p>
+            北京石刻艺术博物馆 北京市考古研究院（北京市文化遗产研究院）
+          </p>
+          <p>
+            北京考古遗址博物馆 隆化民族博物馆 保定市满城区文化广电和旅游局
+          </p>
+          <p>
+            菏泽市博物馆 杭州博物馆 苏州博物馆 镇江博物馆 常州博物馆 无锡博物院
+          </p>
+        </div>
+
+        <p class="mxdw-title">
+          <span>《赵孟頫眼里的壮阔元大都》策划团队</span>
         </p>
-      </div>
 
-      <div class="button-group">
-        <img
-          class="restart"
-          src="@/assets/images/btn-min.png"
-          @click="router[$isMobile? 'replace' : 'push']('/')"
-        >
-        <img
-          class="offline-museum-entry"
-          src="@/assets/images/btn-offline-museum.png"
-          @click="onClickOfflineMuseumEntry"
-        >
+        <div class="mxdw">
+          <p>
+            展览总策划：郑  晶
+          </p>
+          <p>
+            项目总协调：徐  飞 陈晶晶
+          </p>
+          <p>
+            展 览 顾问：王旭东 褚晓波 韩战明 王奇志 熊慧彪 张元成 雷修佛 孙周勇
+          </p>
+          <p>
+            张文瑞 季晓芬 卢嘉兵 郭京宁 杨志国 王晓强 要彦伟 李悦耕
+          </p>
+          <p>
+            王英翔 谢晓婷 周明磊 林  健 肖  炜
+          </p>
+          <p>
+            策  展  人：徐小虎 王子奇
+          </p>
+          <p>
+            展览负责人：徐小虎 孙思源
+          </p>
+          <p>
+            内 容 策划：左  骏 任子颖 高  波 孙  唤 朱聿婧
+          </p>
+          <p>
+            形 式 设计：任子颖 谈叶闻 杨  静 沈玉璋 刘丽婷
+          </p>
+          <p>
+            技 术 保障：张  园 徐秋玮 崔  丹 陈  静
+          </p>
+          <p>
+            展 览 支持：王跃工 许  凯 白  杨 吕韶音 傅梦翔（故宫博物院）
+          </p>
+          <p>
+            陈  杰  王 樾 施 远 黄 翔 赵岑瑒 周露茜（上海博物馆）
+          </p>
+          <p>
+            谭晓玲 冯  好 韩  冰 钱  诚（首都博物馆）
+          </p>
+          <p>
+            马根伟 李  荔 巢  臻 杨海涛 陈  莉 葛璐娜（南京博物院）
+          </p>
+          <p>
+            张红霞 徐云彦（河北博物院）
+          </p>
+          <p>
+            杨  芸 金佳悦（山西博物院）
+          </p>
+          <p>
+            刘华伟 裴  亚（安徽博物院）
+          </p>
+          <p>
+            王小蒙 刘思哲 江  柳 施韵琦 安婷宇（陕西省考古研究院）
+          </p>
+          <p>
+            徐文英（河北省文物考古研究院）
+          </p>
+          <p>
+            王淑娟 杨文妍 （中国丝绸博物馆）
+          </p>
+          <p>
+            李  迪 史迪威 （北京石刻艺术博物馆）
+          </p>
+          <p>
+            张中华 张建民 刘红艳（北京市考古研究院）
+          </p>
+          <p>
+            李  影（北京考古遗址博物馆）
+          </p>
+          <p>
+            张德辉 葛艳丽（隆化民族博物馆）
+          </p>
+          <p>
+            赵  广 梁艳东（保定市满城区文化广电和旅游局）
+          </p>
+
+          <p>
+            任庆山 籍立君（菏泽市博物馆）
+          </p>
+          <p>
+            徐  颖 沈  焱 阎晶宇 许丹阳 骆佳慧（杭州博物馆）
+          </p>
+          <p>
+            茅  艳 钱莺歌 张  帆 陆  一（苏州博物馆）
+          </p>
+          <p>
+            张  剑 蓝旻虹（镇江博物馆）
+          </p>
+          <p>
+            朱  敏 谭杨吉（常州博物馆）
+          </p>
+          <p>
+            盛诗澜 李文华 阎智海 张  帆 许  静（无锡博物院）
+          </p>
+          <p>
+            展览配合：任彦馨 顾  婧 刘  勤 刘世发 汪  婕 吴业丹 王心玥 付俊雪
+          </p>
+          <p>
+            刘  华 张晓婉 席晓云 罗  进 吴从浩 李  欣 韩  畅 陈  业
+          </p>
+          <p>
+            杨天佑 陶晨泽 胡  斌 李  鑫
+          </p>
+          <p>
+            文物摄影：冷含章 薛皓冰 王  磊 刘悉瑞 张京虎 朴  识 梁  刚 厉晋春
+          </p>
+          <p>
+            王  伟 刘小放 王宇新 卫安钢 张国伟 陈百超 蔡启华 谭杨吉
+          </p>
+          <p>
+            史迪威 张晴羽 张  弛
+          </p>
+        </div>
       </div>
     </div>
+
+    <div class="button-group">
+      <img
+        class="restart"
+        src="@/assets/images/btn-min.png"
+        @click="router[$isMobile? 'replace' : 'push']('/')"
+      >
+      <img
+        class="offline-museum-entry"
+        src="@/assets/images/btn-offline-museum.png"
+        @click="onClickOfflineMuseumEntry"
+      >
+    </div>
   </div>
 
   <iframe
@@ -187,6 +308,16 @@ function onClickOfflineMuseumEntry() {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    bottom: calc(37 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    width: calc(329 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    height: calc(55 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    background: url('@/assets/images/logo@2x-min.png') no-repeat center / contain;
+    transform: translateX(-50%);
+  }
   >img.character{
     position: absolute;
     bottom: 0;
@@ -228,6 +359,7 @@ function onClickOfflineMuseumEntry() {
     z-index: 1;
   }
   .mxdw-title {
+    display: inline-block;
     position: relative;
     margin: calc(50 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) 0 calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
 
@@ -249,13 +381,17 @@ function onClickOfflineMuseumEntry() {
       background: url(@/assets/images/mobile/Group553.png) no-repeat center / contain;
     }
   }
-  >.bottom-wrap{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100vw;
-    height: 100vh;
+  .bottom-wrap-c {
+    width: calc(1000 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    height: 480px;
+    margin-bottom: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    padding-right: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    overflow: hidden;
+    overflow-y: auto;
+  }
+  .bottom-wrap{
+    overflow-x: hidden;
+    text-align: center;
     position: relative;
     z-index: 1;
     >.qr-code{
@@ -294,19 +430,19 @@ function onClickOfflineMuseumEntry() {
         line-height: calc(70 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) !important;
       }
     }
-    >.button-group{
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 39px;
-      >.restart {
-        cursor: pointer;
-        width: 259px;
-      }
-      >.offline-museum-entry{
-        cursor: pointer;
-        width: 259px;
-      }
+  }
+  .button-group{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 39px;
+    >.restart {
+      cursor: pointer;
+      width: 259px;
+    }
+    >.offline-museum-entry{
+      cursor: pointer;
+      width: 259px;
     }
   }
 }