ui样式优化

components/bussiness/detail-list.vue

@@ -99,8 +99,8 @@ export default {
       margin: 0 15px;
       border-bottom: 1px solid #F8F9FA;
       img {
-        width: 50px;
-        height: 50px;
+        width: 35px;
+        height: 35px;
         border-radius: 25px;
       }
       .desc {

components/step.vue

@@ -42,7 +42,7 @@ export default {
     padding: 20px 10px 20px 0px;
     .step-num {
         display: inline-block;
-        margin-top: 7px;
+        margin-top: 7PX;
         font-size: 20px;
         line-height: 30px;
         color: #FFE8A5;

pages/index.vue

@@ -24,13 +24,13 @@
         <div class="score-info">
           <div v-if="userMobile" class="text">
             <img :src="myAvatarl" />
-            <span class="tc">我的勤奋分<span>{{myScore}}</span></span>
+            <span class="tc">我的勤奋分</span>
+            <span class="score">{{myScore}}</span>
             <span class="bt" @click="selfInfo" v-bp="{ component_tag: '360#360002'}">个人明细<img src="../static/images/right_bg.png"/></span>
           </div>
           <div v-if="!userMobile" class="text">
             <span class="tc">登录可参加活动</span>
             <span class="bt" @click="goToLogin">去登录<img src="../static/images/right_bg.png"/></span>
-            
           </div>
         </div>
         <status-bar 
@@ -577,7 +577,7 @@ export default {
         background:linear-gradient(180deg,rgba(214,86,53,1) 0%,rgba(189,38,65,1) 100%);
         border-radius:10px 10px 0px 0px;
         .text {
-          line-height: 48px;
+          line-height: 47px;
           img {
             float: left;
             width: 30px;
@@ -585,15 +585,24 @@ export default {
             padding: 10px 10px 0px 0px;
           }
           span.tc {
+            float: left;
             font-size: 14px;
             font-weight: 700;
             color: #fff;
-            line-height: 35px;
-            span {
-              padding-left: 6px;
-              font-size: 18px;
-              color: #FFE8A5;
-            }
+            // line-height: 35px;
+            // span {
+            //   padding-left: 6px;
+            //   font-size: 18px;
+            //   color: #FFE8A5;
+            // }
+          }
+          span.score {
+            float: left;
+            font-weight: 700;
+            
+            padding-left: 6px;
+            font-size: 18px;
+            color: #FFE8A5;
           }
           span.bt {
             font-size: 12px;

pages/ranks/index.vue

@@ -203,7 +203,7 @@ export default {
                 }
                 .info-name {
                     display: inline-block;
-                    padding: 7px 9px;
+                    padding: 10px 9px;
                     font-size: 14px;
                     color: #fff;
                     span {
@@ -212,6 +212,7 @@ export default {
                     span.ft {
                         font-weight: 700;
                         padding-bottom: 2px;
+                        line-height: 12px; 
                     }
                     span.cl {
                         display: inline-block;
@@ -226,6 +227,7 @@ export default {
                     font-size: 26px;
                     text-align: center;
                     font-weight: 700;
+                    line-height: 26px;
                     span {
                         position: absolute;
                         right: 0;
@@ -237,6 +239,7 @@ export default {
                     display: inline-block;
                     width: 68px;
                     height: 18px;
+                    margin-top: 3px;
                     text-align: center;
                     border-radius: 9px;
                     border:1PX solid rgba(255,232,165,1);