Browse Source

报价框修改

yangc 7 years ago
parent
commit
364deb1ee7
2 changed files with 27 additions and 23 deletions
  1. 9 8
      components/applyPurchase/ApplyInfo.vue
  2. 18 15
      components/applyPurchase/SayPrice.vue

+ 9 - 8
components/applyPurchase/ApplyInfo.vue

@@ -676,17 +676,18 @@
             }
           }
           &.active {
-            border-color: #f71026;
-            box-shadow: none;
+            border: 1px solid #4290f7;
             .expand-content {
               display: flex;
-              -webkit-box-shadow: none;
-              -moz-box-shadow: none;
-              box-shadow: none;
-            }
-            .say-price {
-              display: block;
+              width: 1190px;
+              z-index: 1;
+              border: 1px solid #4290f7;
+              left: -1px;
+              border-top: none;
             }
+            /*.say-price {*/
+              /*display: block;*/
+            /*}*/
           }
         }
       }

+ 18 - 15
components/applyPurchase/SayPrice.vue

@@ -282,7 +282,7 @@
 <style scoped lang="scss">
   .say-price-box {
     position: fixed;
-    width: 456px;
+    width: 476px;
     top: 30%;
     left: 33%;
     /*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
@@ -291,22 +291,24 @@
     z-index: 1;
     .title {
       position: relative;
-      height: 44px;
+      height: 38px;
       background: #4290f7;
-      line-height: 44px;
+      line-height: 38px;
       color: #fff;
       border: {
         top-right-radius: 5px;
         top-left-radius: 5px;
       }
-      > div {
-        display: inline-block;
-        padding-left: 57px;
-        width: 47%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
+      padding-left: 20px;
+      font-weight: bold;
+      /*> div {*/
+        /*display: inline-block;*/
+        /*padding-left: 57px;*/
+        /*width: 47%;*/
+        /*overflow: hidden;*/
+        /*text-overflow: ellipsis;*/
+        /*white-space: nowrap;*/
+      /*}*/
       i {
         position: absolute;
         right: 10px;
@@ -315,10 +317,10 @@
       }
     }
     .content {
-      padding: 9px 0;
+      padding: 9px 0 0 0;
       background: #fff;
       .content-line {
-        margin: 0 0 14px 0;
+        padding: 0 0 14px 0;
         .form-item {
           display: inline-block;
           width: 49%;
@@ -435,9 +437,9 @@
     }
     .operate {
       background: #fff;
-      height: 62px;
+      height: 52px;
       text-align: center;
-      padding-top: 15px;
+      padding-top: 12px;
       border: {
         top: 1px solid #e4e5e6;
         bottom-left-radius: 5px;
@@ -452,6 +454,7 @@
         background: #4290f7;
         color: #fff;
         cursor: pointer;
+        border-radius: 2px;
         &:last-child {
           margin-left: 15px;
           background: #acabab;