Browse Source

搜索页样式调整

huangb 7 years ago
parent
commit
02f45ebb46

+ 10 - 5
assets/scss/common.scss

@@ -849,22 +849,24 @@ img.new-animate{
 #store-list table .search-content-pc{
   position: relative;
   float: left;
-  padding-left: 533px;
+  padding-left: 460px;
   width: auto;
 }
 #store-list table .search-content-pc .form-control{
-  width: 215px;
+  margin-top: 0;
+  width: 283px;
   height: 28px;
   background-color: #ffffff;
   border-radius: 3px;
   border: solid 1px #2496f1;
 }
 #store-list table .search-content-pc .input-group-btn{
-  position: absolute;
-  top: 0;
-  right: 0px;
+  //position: absolute;
+  //top: 0;
+  //right: 0px;
 }
 #store-list table .search-content-pc .input-group-btn button{
+  top: 0;
   width: 69px;
   height: 28px;
   font-size: 14px;
@@ -881,6 +883,9 @@ img.new-animate{
   border: solid 1px #2496f1;
   outline: none;
 }
+#store-list .search-content-pc ul{
+  left: 461px;
+}
 
 //品牌索引
 .recommend-brand .brand-content .brand-index-tab .index-group:nth-child(5) a{

+ 1 - 1
components/applyPurchase/ApplyInfo.vue

@@ -774,7 +774,7 @@ export default {
     text-align: right;
     float: none;
   }
-  .search-content-pc {
+  .apply-info .apply-info-title .search .search-content-pc {
     position: relative;
     input {
       width: 283px!important;

+ 1 - 1
components/provider/Suppliers.vue

@@ -181,7 +181,7 @@ export default {
             vertical-align: middle;
             a.btn-sure{
               button{
-                margin: 0px 0 0 80px;
+                margin: 0px 0 0 15px;
                 width: 110px !important;
                 height: 28px;
                 font-size: 14px;

+ 11 - 3
components/supplier/merchant.vue

@@ -206,16 +206,24 @@
       padding-top:7px;
       margin-right:10px;
       .search-content-pc input{
-        width: 100% !important;
+        width: 283px !important;
         margin-top: 0!important;
+        height: 32px;
+        border: 1px solid #2496f1;
+        line-height: 32px;
+        font-size: 13px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
       }
       .search-content-pc > ul{
         left:0;
-        top:100%;
-        width:100%;
+        top: 32px;
+        width:283px;
       }
       .btn{
         margin-top: 0!important;
+        top: -1px;
+        left: -20px;
         width:68px;
         background: #2496f1;
         color:#fff;