修改我的页面line-height失效问题

src/service/load.js

@@ -4,8 +4,6 @@ import Vue from 'vue';
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory
     : (global = global || self, global.Vue = factory)
-   
-  console.log(global, factory, global || self)
 })(this, Vue)
 
 export default () => {}
\ No newline at end of file

src/views/User/index.less

@@ -20,9 +20,9 @@
 		color: rgba(51,51,51,1);
 	  }
 	  span:nth-child(2) {
-	  	width:63px;
-		height:20px;
-		line-height: 20px;
+	  	width: 63px;
+		padding: 1px 0 2px;
+		line-height: normal;
 		text-align: center;
 		background: #000000;
 		border-radius: 8px;
@@ -157,7 +157,7 @@
 		  padding: 3px 0;
 		  width: 169px;
 		  height: 44px;
-		  .UFII-middle-main {
+		  .Ufii-middle-main {
 		    font-size: 0;
 		  	text-align: left;
 		  	&-title {
@@ -179,7 +179,7 @@
               color: #EAAD1A;
 		  	}
 		  }
-		  .UFII-middle-footer {
+		  .Ufii-middle-footer {
 		  	text-align: left;
 		  	font-size: 12px;
 			font-weight: 400;
@@ -191,8 +191,8 @@
 		}
 		&-left {
   	      width: 72px;
-		  height: 24px;
-		  line-height: 24px;
+		  padding: 6px 0;
+		  line-height: normal;
 		  text-align: center;
 		  background: #FFC842;
 		  border-radius: 8px;
@@ -264,8 +264,9 @@
   	&-desc {
   	  margin: 0;
       width: 100px;
-	  height: 19px;
-	  line-height: 19px;
+      padding: 1px 0;
+      line-height: normal;
+	  text-align: center;
 	  background: #FFFFFF;
       border-radius: 14px;
 	  font-size: 11px;

src/views/User/index.vue

@@ -7,7 +7,7 @@
       </div>
       <div class="user-info-image">
         <cr-image round width="60px" height="60px" fit="cover" :src="avatar" />
-        <svg-icon icon-class="certification" class-name="user-info-image-certification" />
+        <!-- <svg-icon icon-class="certification" class-name="user-info-image-certification" /> -->
       </div>
     </div>
     <div class="user-insurance">
@@ -50,11 +50,11 @@
         <div class="user-family-insurance-item">
           <cr-image round width="44px" height="44px" :src="medical" />
           <div class="user-family-insurance-item-middle">
-            <div class="UFII-middle-main">
-              <span class="UFII-middle-main-title">国民保·百万医疗险</span>
+            <div class="Ufii-middle-main">
+              <span class="Ufii-middle-main-title">国民保·百万医疗险</span>
               <!-- <span class="status">保障中</span> -->
             </div>
-            <div class="UFII-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
+            <div class="Ufii-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
           </div>
           <p class="user-family-insurance-item-left">开启保障</p>
         </div>
@@ -62,33 +62,33 @@
           <cr-image round width="44px" height="44px" :src="casualty" />
           <!-- user-family-insurance-item-middle_enable 保障中 -->
           <div class="user-family-insurance-item-middle">
-            <div class="UFII-middle-main">
-              <span class="UFII-middle-main-title">国民保·百万意外险</span>
-              <!-- <span class="UFII-middle-main-status">保障中</span> -->
+            <div class="Ufii-middle-main">
+              <span class="Ufii-middle-main-title">国民保·百万意外险</span>
+              <!-- <span class="Ufii-middle-main-status">保障中</span> -->
             </div>
-            <div class="UFII-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
+            <div class="Ufii-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
           </div>
           <p class="user-family-insurance-item-left">开启保障</p>
         </div>
         <div class="user-family-insurance-item">
           <cr-image round width="44px" height="44px" :src="illness" />
           <div class="user-family-insurance-item-middle">
-            <div class="UFII-middle-main">
-              <span class="UFII-middle-main-title">国民保·百万寿险</span>
+            <div class="Ufii-middle-main">
+              <span class="Ufii-middle-main-title">国民保·百万寿险</span>
               <!-- <span class="status">保障中</span> -->
             </div>
-            <div class="UFII-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
+            <div class="Ufii-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
           </div>
           <p class="user-family-insurance-item-left">开启保障</p>
         </div>
         <div class="user-family-insurance-item">
           <cr-image round width="44px" height="44px" :src="illness" />
           <div class="user-family-insurance-item-middle">
-            <div class="UFII-middle-main">
-              <span class="UFII-middle-main-title">国民保·百万重疾险</span>
+            <div class="Ufii-middle-main">
+              <span class="Ufii-middle-main-title">国民保·百万重疾险</span>
               <!-- <span class="status">保障中</span> -->
             </div>
-            <div class="UFII-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
+            <div class="Ufii-middle-footer">优势介绍 | 优势介绍 | 优势介绍</div>
           </div>
           <p class="user-family-insurance-item-left">开启保障</p>
         </div>