ソースを参照

修改受影响的页面样式

shaun-sheep 4 年 前
コミット
46280b698e
2 ファイル変更20 行追加16 行削除
  1. 14 10
      src/components/product/sagaProduct.vue
  2. 6 6
      src/framework/layout/index.vue

+ 14 - 10
src/components/product/sagaProduct.vue

@@ -9,13 +9,15 @@
           trigger="hover"
           placement="right"
           width="960">
-          <p>某某系统</p>
+          <div style="margin-bottom: 10px">
+            <img src="../../assets/images/rectangle.png" height="12">
+            <span>某某系统</span></div>
           <div class="sys">
-            <span>燃气调压箱</span>
-            <span>燃气调压箱</span>
-            <span>燃气调压箱</span>
-            <span>燃气调压箱</span>
-            <span>燃气调压箱</span>
+            <span>燃气石油气瓶</span>
+            <span>燃气石油气瓶</span>
+            <span>燃气石油气瓶</span>
+            <span>燃气石油气瓶</span>
+            <span>燃气石油气瓶</span>
             <span>燃气调压箱</span>
             <span>燃气调压箱</span>
 
@@ -29,8 +31,8 @@
           trigger="hover"
           placement="right"
           width="960">
-          <div>
-            <img src="../../assets/images/rectangle.png" alt="">
+          <div style="margin-bottom: 10px">
+            <img src="../../assets/images/rectangle.png" height="12">
             <span>某某系统</span></div>
           <div class="sys">
             <span>燃气石油气瓶</span>
@@ -90,15 +92,17 @@
 
         .classification {
           cursor: pointer;
-          padding: 10px;
+          padding: 20px;
           border-bottom: 1px solid #EFF0F1;
 
           .name {
             color: #1F2429;
+            margin-bottom: 10px;
           }
 
           .introduce {
             color: #8D9399;
+            line-height: 20px;
           }
         }
 
@@ -147,7 +151,7 @@
     .sys {
       span {
         margin-right: 40px;
-        text-indent: 11px;
+        text-indent: 6px;
         display: inline-block;
         cursor: pointer;
         color: #8D9399;

+ 6 - 6
src/framework/layout/index.vue

@@ -102,18 +102,18 @@
       }
 
       .brand {
-        left: 190px;
-        top: 50px;
+        left: 222px;
+        top: 75px;
       }
 
       .product {
-        left: 195px;
-        top: 293px;
+        left: 222px;
+        top: 317px;
       }
 
       .parameter {
-        left: 195px;
-        top: 536px;
+        left: 222px;
+        top: 565px;
       }
 
       .font-size {