src/pages/index/index.vue

@@ -1,12 +1,14 @@
 <template>
   <div class="wrapper">
     <div class="bgimg">
-      <div class="title">主办单位：中共珠海市委党史学习教育领导小组办公室中共珠海市委宣传部</div>
+      
       <div class="con">
         <div class="btn" @click="enter">
           <span class="btn-txt">点击进入</span>
         </div>
       </div>
+      <div v-if="!isMobile" class="title">中共珠海市委党史学习教育领导小组办公室</div>
+      <div v-if="!isMobile" class="title">中共珠海市委宣传部</div>
     </div>
   </div>
 </template>
@@ -51,10 +53,10 @@ export default {
     background-size: 100% 100%;
     .title {
         position: relative;
-        top:42%;
+        top:70%;
         width: 30vw;
         margin:0 auto;
-        font-size: 24px;
+        font-size: 1.5vw;
         font-family: Source Han Sans CN;
         font-weight: bold;
         line-height: 41px;
@@ -95,14 +97,14 @@ export default {
 @media screen and (max-width: 1024px) {
   .wrapper {
     .bgimg {
-      background: url("../../assets/images/mobile-index-bg.png") no-repeat center center;
+      background: url("../../assets/images/mobile-index-bg.jpg") no-repeat center center;
       background-size: 100% 100%;
       .title {
-        position: relative;
-        top:40%;
+        position:relative;
+        top:35vw;
         width: 75vw;
         margin:0 auto;
-        font-size: 14px;
+        font-size: 12px;
         font-family: Source Han Sans CN;
         font-weight: bold;
         line-height: 20px;
@@ -114,7 +116,7 @@ export default {
       .con {
         width: 80%;
         left: 50%;
-        top:0;
+        top:10%;
         margin-left: -40%;
         margin-top:100%;
         .btn {