diff --git a/rc-busness/assets/css/product-list.less b/rc-busness/assets/css/product-list.less index ff328e24..45c9ba40 100644 --- a/rc-busness/assets/css/product-list.less +++ b/rc-busness/assets/css/product-list.less @@ -32,6 +32,53 @@ ul li ol li em strong i { .usercontentshow{ position: relative; + .rc-productcat { + display: flex; + align-items: center; + flex-wrap: nowrap; + ol{ + display: flex; + align-items: center; + flex-flow: row; + .ts-standard-btn{ + width: 7.87rem; + height: 2.25rem; + background: #FFFFFF; + border-radius: 6.25rem; + background: none; + display: flex; + align-items: center; + justify-content: center; + margin-left: 1rem; + color: #999999; + img { + height: 1rem; + } + span { + margin-left: 0.18rem; + } + } + } + .userrccat{ + width: 32%; + height: 34px; + background: #ffffff; + border-radius: 100px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 0; + font-size: 14px; + span { + margin-left: 3px; + } + img { + width: 24px; + height: 16px; + } + border: 2px solid #E2001A; + } + } .userrccat{ width: 32%; height: 34px; @@ -101,48 +148,7 @@ ul li ol li em strong i { height: 617px; background: white; z-index: 999; - .rc-productcat { - display: flex; - align-items: center; - flex-wrap: nowrap; - .rc-cat { - width: 32%; - height: 34px; - background: #ffffff; - border-radius: 100px; - display: flex; - align-items: center; - justify-content: center; - margin-left: 0; - font-size: 14px; - span { - margin-left: 3px; - } - img { - width: 24px; - height: 16px; - } - } - .userrccat{ - width: 32%; - height: 34px; - background: #ffffff; - border-radius: 100px; - display: flex; - align-items: center; - justify-content: center; - margin-left: 0; - font-size: 14px; - span { - margin-left: 3px; - } - img { - width: 24px; - height: 16px; - } - border: 2px solid #E2001A; - } - } + } @@ -227,6 +233,7 @@ ul li ol li em strong i { justify-content: center; font-size: .14rem; margin-right:.2rem; + margin-left: 16px; span { margin-left: 3px; } @@ -336,6 +343,7 @@ ul li ol li em strong i { } .online{ width:100%; + margin-top: 17px; &.bold{ height:0.5rem; margin-top: 5rem; @@ -493,7 +501,7 @@ border-radius: 30px; margin-left: 16px; } span { - margin-left: 0px; + margin-left: 4px; } img { width: 24px; @@ -550,9 +558,9 @@ border-radius: 30px; } */ .ts-scrollable-container{ - overflow-y: hidden; - overflow-x: clip; + width: 100%; + margin-top: 18px; h2{ display: flex; align-items: center; diff --git a/rc-busness/assets/css/search.less b/rc-busness/assets/css/search.less index 850504c1..e843f622 100644 --- a/rc-busness/assets/css/search.less +++ b/rc-busness/assets/css/search.less @@ -54,6 +54,9 @@ ul li ol li em strong i { box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); height: 80px; align-items: center; + position: absolute; + bottom: 0; + padding:0 20px 0 20px; span { width: 160px; @@ -176,6 +179,9 @@ strong{ // 我想搜 .usercontentshow{ position: relative; + .rc-column{ + padding-bottom: 0; + } .rc-productcat { display: flex; align-items: center; @@ -203,6 +209,9 @@ span { margin-left: 0.18rem; } } + li:first-child{ + margin-left: 0; + } } //筛选 .userselect{ @@ -283,6 +292,7 @@ border-radius: 100px; .rc-bottom{ position: fixed; background: white; + height: 617px; bottom: 0; left: 0; z-index: 9; diff --git a/rc-busness/pages/productdetails/productlist.vue b/rc-busness/pages/productdetails/productlist.vue index 8c8ed82c..862c457d 100644 --- a/rc-busness/pages/productdetails/productlist.vue +++ b/rc-busness/pages/productdetails/productlist.vue @@ -11,17 +11,19 @@
-
- - {{ item.title }} -
+
    +
  1. + + {{ item.title }} +
  2. +
@@ -297,11 +299,13 @@ 确认
+