Prechádzať zdrojové kódy

style:组件UI样式修改

zhangsiya 1 rok pred
rodič
commit
94e393fcc0

+ 2 - 0
apps/bigmember_pc/src/components/filter-items/BasePowerLayout.vue

@@ -60,6 +60,7 @@ $gold: #c98f37;
 .vip-module {
   border: 1px dashed $gold;
   padding: 1px 12px 1px 8px;
+  height: 32px;
   background: linear-gradient(90deg, #fff7dC 0%, rgba(255, 247, 220, 0) 100%);
   &::after {
     content: '';
@@ -82,6 +83,7 @@ $gold: #c98f37;
   top: 0;
   bottom: 0;
   z-index: 2;
+  height: 32px;
   cursor: pointer;
 }
 </style>

+ 1 - 1
apps/bigmember_pc/src/components/filter-items/KeywordTagsSelectorContent.vue

@@ -175,7 +175,7 @@ export default {
   .add-keyword-tags{
     max-width:440px;
     width: 100%;
-    margin-top: 16px;
+    margin-top: 10px;
     margin-bottom: 16px;
   }
   .add-keyword-btn{

+ 1 - 0
apps/bigmember_pc/src/components/filter-items/Layout.vue

@@ -150,6 +150,7 @@ export default {
       white-space: nowrap;
     }
     .icon-xiala{
+      color: #686868;
       display: inline-block;
       font-size: 16px;
       flex-shrink: 0;

+ 1 - 1
apps/bigmember_pc/src/components/selector/InfoTypeSelectorContent.vue

@@ -517,7 +517,7 @@ export default {
       margin-bottom: 10px;
       .j-button-item{
         padding: 1px 8px;
-        margin: 2px 4px;
+        margin: 2px 8px 2px 0;
       }
       .is-all {
         margin-right:8px;

+ 1 - 0
apps/bigmember_pc/src/components/selector/TimeSelectorContent.vue

@@ -733,5 +733,6 @@ export default {
   padding: 0;
   line-height: 22px;
   margin-left: 8px;
+  border: none;
 }
 </style>

+ 21 - 1
apps/bigmember_pc/src/views/search/bidding/components/search-bid-filter.vue

@@ -171,6 +171,21 @@ function doChangeFilter() {
 </template>
 
 <style lang="scss" scoped>
+
+@media (min-width: 1540px) {
+  .in-app{
+    .search-bid-filter {
+      .wrap-line {
+        ::v-deep {
+          .vip-module {
+            margin-top: 4px;
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+}
 .search-bid-filter {
   position: relative;
   padding: 16px 32px;
@@ -180,7 +195,8 @@ function doChangeFilter() {
         background: transparent;
       }
       .vip-module {
-        margin-left: 92px;
+        margin-top: 4px;
+        margin-left: 82px;
       }
     }
   }
@@ -208,5 +224,9 @@ function doChangeFilter() {
       cursor: pointer;
     }
   }
+  .more-filters-container{
+    margin-top:6px;
+    margin-right: 38px;
+  }
 }
 </style>

+ 2 - 2
apps/bigmember_pc/src/views/search/components/search-schema-filter.vue

@@ -122,10 +122,10 @@ const getPrefix = {
       margin-left:-10px;
     }
     .search-schema-filter-label{
-      margin-top: 6px;
+      margin-top: 1px;
+      white-space: nowrap;
     }
     .search-schema-filter-item{
-      margin-top:6px;
       margin-right: 10px;
     }