样式优化

src/components/lightButton.vue

 <template>
   <div class="btn-container" :class="{'mobile':_isMobile,'pc':!_isMobile}">
     <img class="btn-img" src="../assets/images/gesture/light-btn-bg.png" />
-    <div class="btn-text light-button-text">{{text}}</div>
+    <div class="btn-text light-button-text" :class="{'len':text.length>10}">{{text}}</div>
     <slot name="body"></slot>
   </div>
 </template>
@@ -63,6 +63,9 @@ export default {
     font-size: 44px;
     letter-spacing: 0.2em;
     font-weight: bold;
+    &.len {
+      font-size: 24px;
+    }
   }
   .btn-img {
     width: 100%;
@@ -80,6 +83,9 @@ export default {
     font-size: 0.5867rem;
     letter-spacing: 0.2em;
     font-weight: bold;
+    &.len {
+      font-size: .32rem;
+    }
   }
   .btn-img {
     width: 100%;

src/views/index.vue

@@ -24,9 +24,6 @@
       <div class="bottom">
         <div class="info" :style="{'marginTop':cT,'marginLeft':cL, 'marginRight':cL, 'marginBottom':cT}">
           <div class="title" :style="{'margin-bottom':cTb}">{{$t('strings.homeText4')}}</div>
-          <div class="content" v-if="_isMobile">
-            <div class="item"></div>
-          </div>
         </div>
         <div class="bottomBtn">
           <light-button @click="clickAuthCamera" :text="$t('strings.homeButtonText')"></light-button>
@@ -1090,9 +1087,6 @@ export default {
         }
       }
       &.small {
-        .page_title {
-          top: 0.8rem;
-        }
         .page_bg2 {
           width: 80%;
           position: absolute;
@@ -1130,6 +1124,7 @@ export default {
       justify-content: flex-start;
       align-items: center;
       position: relative;
+      min-height: 3.8rem;
       .info {
         align-self: flex-start;
         color: #999;