修改.info引起的[企业库-查看产品]样式混乱

components/mobile/user/Admin.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile-fix-content">
+  <div class="mobile-fix-content admin-info">
     <div class="info">
       <div class="line">
         <span>用户名：</span>
@@ -30,32 +30,34 @@
   .mobile-fix-content {
     background: #f1f3f6;
   }
-  .info {
-    width: 7.1rem;
-    background: #fff;
-    margin: 0 auto;
-    height: 3.5rem;
-    padding: 0 .24rem;
-    font-size: .28rem;
-    color: #999;
-    border-radius: .05rem;
-    margin-top: .3rem;
-  .line {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    height: 1.16rem;
-    line-height: 1.16rem;
-    border-bottom: .01rem solid #d9d9d9;
-  &:last-child {
-     border-bottom: none;
-   }
-  span {
-    margin-left: .56rem;
-    display: inline-block;
-    width: 1.2rem;
-    text-align: right;
-  }
-  }
+  .admin-info {
+    .info {
+      width: 7.1rem;
+      background: #fff;
+      margin: 0 auto;
+      height: 3.5rem;
+      padding: 0 .24rem;
+      font-size: .28rem;
+      color: #999;
+      border-radius: .05rem;
+      margin-top: .3rem;
+      .line {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        height: 1.16rem;
+        line-height: 1.16rem;
+        border-bottom: .01rem solid #d9d9d9;
+        &:last-child {
+          border-bottom: none;
+        }
+        span {
+          margin-left: .56rem;
+          display: inline-block;
+          width: 1.2rem;
+          text-align: right;
+        }
+      }
+    }
   }
 </style>

components/mobile/user/Info.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile-fix-content">
+  <div class="mobile-fix-content user-info">
     <div class="info">
       <div class="line">
         <input type="file"
@@ -91,58 +91,60 @@
   .mobile-fix-content {
     background: #f1f3f6;
   }
-  .info {
-    width: 7.1rem;
-    background: #fff;
-    margin: 0 auto;
-    height: 4.66rem;
-    padding: 0 .24rem;
-    font-size: .28rem;
-    color: #999;
-    border-radius: .05rem;
-    margin-top: .3rem;
-    .line {
-      position: relative;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      height: 1.16rem;
-      line-height: 1.16rem;
-      border-bottom: .01rem solid #d9d9d9;
-      &:last-child {
-        border-bottom: none;
-      }
-      input{
-        position: absolute;
-        top: 0;
-        left: 0;
+  .user-info {
+    .info {
+      width: 7.1rem;
+      background: #fff;
+      margin: 0 auto;
+      height: 4.66rem;
+      padding: 0 .24rem;
+      font-size: .28rem;
+      color: #999;
+      border-radius: .05rem;
+      margin-top: .3rem;
+      .line {
+        position: relative;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         height: 1.16rem;
-        width: 100%;
-        opacity: 0;
-      }
-      span{
-        display: inline-block;
-        font-size: 0.28rem;
-        color: #999;
-        text-align: left;
-        i{
-          margin-right: .15rem;
-          font-size: .3rem;
-          color: #f8953c;
+        line-height: 1.16rem;
+        border-bottom: .01rem solid #d9d9d9;
+        &:last-child {
+          border-bottom: none;
         }
-      }
-      span.describe {
-        float: right;
-        color: #333;
-        i{
-          margin: 0 0 0 .1rem;
-          font-size: .24rem;
-          color: #bebebe;
+        input{
+          position: absolute;
+          top: 0;
+          left: 0;
+          height: 1.16rem;
+          width: 100%;
+          opacity: 0;
         }
-        img{
-          width: .58rem;
-          height: .58rem;
-          /*border: 1px solid #bebebe;*/
+        span{
+          display: inline-block;
+          font-size: 0.28rem;
+          color: #999;
+          text-align: left;
+          i{
+            margin-right: .15rem;
+            font-size: .3rem;
+            color: #f8953c;
+          }
+        }
+        span.describe {
+          float: right;
+          color: #333;
+          i{
+            margin: 0 0 0 .1rem;
+            font-size: .24rem;
+            color: #bebebe;
+          }
+          img{
+            width: .58rem;
+            height: .58rem;
+            /*border: 1px solid #bebebe;*/
+          }
         }
       }
     }