更新封面

web/src/components/welcome/index.vue

@@ -1,10 +1,29 @@
 <template>
   <div class="welcome">
-      <img class="bg" :src="require(`@/assets/images/project/${isMobile?'mobile.jpg':'pc.jpg'}`)" alt="">
-      <div class="btn"  @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btn.png')})`}">
-      <span>主办方：珠海高新技术产业开发区</span>
-      </div>
-      <!-- <div class="btn" v-else @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btnMo.png')})`}">
+    <img
+      class="bg"
+      :src="
+        require(`@/assets/images/project/${isMobile ? 'mobile.jpg' : 'pc.jpg'}`)
+      "
+      alt=""
+    />
+    <div
+      class="btn"
+      @click.stop="$emit('close')"
+      :style="{
+        backgroundImage: `url(${require('@/assets/images/project/btn.png')})`,
+      }"
+    >
+      <span v-if="!isMobile"
+        >主办方：珠海高新技术产业开发区党群工作部、珠海高新区（唐家湾镇）文化中心、珠海四维时代科技有限公司、中国移动通信集团有限公司</span
+      >
+    </div>
+    <div class="shouji" v-if="isMobile">
+      <span>主办方：</span>
+      珠海高新技术产业开发区党群工作部、珠海高新区（唐家湾镇）文化中心、<i>珠海四维时代科技有限公司、中国移动通信集团有限公司</i> 
+    </div>
+
+    <!-- <div class="btn" v-else @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btnMo.png')})`}">
       <span class="txt">进入线上展厅</span>
       <span>主办方：珠海高新技术产业开发区</span>
       </div> -->
@@ -13,20 +32,18 @@
 
 <script>
 export default {
-  data(){
+  data() {
     return {
-      loading:true
-    }
+      loading: true,
+    };
   },
-  methods:{
-  },
-  mounted(){
-  }
-}
+  methods: {},
+  mounted() {},
+};
 </script>
 
 <style lang="less">
-.welcome{
+.welcome {
   position: fixed;
   top: 0;
   left: 0;
@@ -36,16 +53,16 @@ export default {
   font-size: 0;
   transition: all ease 0.3s;
   background-color: #146fb1;
-  .bg{
+  .bg {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
   }
 
-  .btn{
+  .btn {
     position: absolute;
     bottom: 15%;
     left: 50%;
@@ -58,65 +75,83 @@ export default {
     height: 104px;
     background-size: cover;
     background-color: none;
-    >span{
+    > span {
       font-size: 24px;
       position: fixed;
       top: 180%;
       left: 50%;
       transform: translateX(-50%);
       letter-spacing: 2px;
-      color: #EDD3B0;
+      color: #edd3b0;
     }
   }
 }
 
-
-.loading{
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 10000;
-    background: #000;
-    >span{
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translateX(-50%,-50%);
-      color: #fff;
-      font-size: 16px;
-      display: inline-block;
-    }
+.loading {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10000;
+  background: #000;
+  > span {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%, -50%);
+    color: #fff;
+    font-size: 16px;
+    display: inline-block;
   }
+}
 
 @media only screen and (max-width: 487px) {
-  @scale:0.7;
-  .welcome{
-    .bg{
+  @scale: 0.7;
+  .welcome {
+    .bg {
       background-repeat: no-repeat;
     }
-    .btn{
-        position: absolute;
-        bottom: 57px;
-        left: 50%;
-        transform: translateX(-50%);
-        z-index: 99;
-        width: 180px;
-        height: 70px;
-        background-size: 100% 100%;
-      >span{
+    .btn {
+      position: absolute;
+      bottom: 25%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      z-index: 99;
+      width: 180px;
+      height: 70px;
+      background-size: 100% 100%;
+      > span {
         top: 110%;
         font-size: 14px;
         left: 50%;
         transform: translateX(-50%);
       }
-      .txt{
-        font-size:14px;
-        color:#F3D4BD;
+      .txt {
+        font-size: 14px;
+        color: #f3d4bd;
         z-index: 99999;
         top: 45%;
-        transform: translate(-52%,-50%);
+        transform: translate(-52%, -50%);
+      }
+    }
+    .shouji {
+      padding: 0 10px;
+      text-align: center;
+      font-size: 12px;
+      line-height: 14px;
+      z-index: 9999;
+      position: absolute;
+      bottom: 10px;
+      left: 0;
+      width: 100%;
+      color: #EDD3B0;
+      &>span{
+        display: block;
+        font-weight: 700;
+      }
+      &>i{
+        // display: block;
       }
     }
   }

web/src/views/gui/menu.vue

@@ -548,8 +548,8 @@
         </div>
         <!-- 标题 -->
         <div class="Motitle">分 享</div>
-        <p class="biaoti">珠海高新区中共党史教育学习园地</p>
-        <p class="biaoti">虚拟展厅</p>
+        <p class="biaoti">珠海高新区"红色云展厅"</p>
+        <!-- <p class="biaoti">虚拟展厅</p> -->
         <div class="Motab5ER">
           <img src="@/assets/tab/tab5Ma.png" alt="" />
           <p>请使用手机扫描二维码</p>
@@ -814,8 +814,8 @@
         </div>
         <!-- 标题 -->
         <div class="tab5Tit">
-          <p>珠海高新区中共党史教育学习园地</p>
-          <p>虚拟展厅</p>
+          <p>珠海高新区"红色云展厅"</p>
+          <!-- <p>虚拟展厅</p> -->
         </div>
         <!-- 二维码图片+按钮盒子 -->
         <div class="tab5Ma">
@@ -2608,11 +2608,12 @@ export default {
       background: url("../../assets/tabMo/moTabBac5.png");
       background-size: 100% 100%;
       .biaoti {
-        font-size: 16px;
+        font-size: 20px;
         width: 80%;
         margin: 0 auto 0;
         text-align: center;
-        margin-bottom: 8px;
+        margin-bottom: 30px;
+        margin-top: 30px;
       }
       .Motab5ER {
         margin: 20px auto 0;
@@ -2624,7 +2625,7 @@ export default {
         }
         & > p {
           text-align: center;
-          margin: 10px 0;
+          margin: 30px 0;
         }
         .tab5Box {
           color: #edd3b0;