样式问题修复

components/bussiness/status-bar.vue

@@ -72,11 +72,11 @@ export default {
       if(minValue < 100 ) {
         htmlText = `还差<span style="color">${100 - minValue}</span>分，就有资格瓜分<span style="color: #FFE8A5">100</span>万云鹊豆啦！`
       } else if(minValue < 200) {
-        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">100</span>万云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
+        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">100万</span>云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
       } else if(minValue < 300) {
-        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">300</span>万云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
+        htmlText = `已经有资格瓜分<span style="color: #FFE8A5">300万</span>云鹊豆啦，</br>继续努力还能瓜分<span style="color: #FFE8A5">200</span>万！`
       } else {
-        htmlText = `天啦撸，你有资格瓜分500万云鹊豆哦！`
+        htmlText = `天啦撸，你有资格瓜分<span style="color: #FFE8A5">500万</span>云鹊豆哦！`
       }
       activeNum = Math.floor(minValue / 100);
       if(activeNum <= 0) {

components/step.vue

@@ -60,9 +60,11 @@ export default {
             font-size: 18px;
             font-weight: 700;
             padding-bottom: 8px;
+            line-height: 18px;
         }
         .step-time {
             font-size: 13px;
+            line-height: 13px;
         }
     }
     img {

components/task-activity.vue

@@ -208,7 +208,7 @@ export default {
     .task-activity {
         .task-con {
             position: relative;
-            padding-bottom: 5px;
+            padding-bottom: 10px;
             width: 335px;
             height: 70px;
             img {

pages/index.vue

@@ -588,8 +588,9 @@ export default {
             font-size: 14px;
             font-weight: 700;
             color: #fff;
+            line-height: 35px;
             span {
-              padding-left: 8px;
+              padding-left: 6px;
               font-size: 18px;
               color: #FFE8A5;
             }

pages/ranks/index.vue

@@ -8,6 +8,7 @@
 		/>
         <!-- 我的排名 -->
         <div class="rank-info">
+            <div class="rank-con">
                 <div class="info-text">
                     <div class="info-detail">
                         <img :src="avatarImage" />
@@ -33,6 +34,8 @@
                     </div>
                 </div>
             </div>
+            
+        </div>
         <!-- 排行榜 -->
         <div class="main-content">
             <div class="description"><span>排行榜</span>排名每5分钟更新1次</div>
@@ -182,9 +185,11 @@ export default {
 .rank-container {
     .rank-info {
         padding-top: 70px;
+        .rank-con {
             height: 150px;
             background-image:url('../../static/images/rank_head.png');
             background-size: 100% 100%;
+        }
         .info-text {
             display: flex;
             flex-direction: row;