修改search样式

app/search/page.js

@@ -81,11 +81,11 @@ export default function Search() {
       upper_bound: 200,
       lower_bound: 1,
       default: 24,
-      step: 200 / 10,
+      step: 200 / 9,
       type: "slider",
       unit: "万",
       key: "fans",
-      stepValues: [1, 3, 5, 10, 20, 50, 75, 100, 150, 200, 1000],
+      stepValues: [1, 5, 10, 20, 50, 75, 100, 150, 200, 1000],
     },
     {
       name: "身高",
@@ -121,7 +121,6 @@ export default function Search() {
       step: 1,
       type: "select",
       items: [
-        "不限",
         "北京市",
         "天津市",
         "河北省",
@@ -168,7 +167,6 @@ export default function Search() {
       type: "select",
       key: "constellation",
       items: [
-        "不限",
         "白羊座",
         "‌金牛座",
         "‌双子座",
@@ -196,25 +194,26 @@ export default function Search() {
   const priceFilters = [
     {
       name: "空间价格",
-      upper_bound: 200,
+      upper_bound: 300,
       lower_bound: 0,
       default: 24,
-      step: 200 / 7,
+      step: 300 / 7,
       type: "slider",
       unit: "¥",
       key: "zone",
-      stepValues: [0, 1, 10, 50, 100, 150, 200, 4000],
+      stepValues: [0, 10, 50, 100, 150, 200, 300, 4000],
     },
     {
       name: "微信价格",
-      upper_bound: 10000,
+      desc: "10金币=¥1",
+      upper_bound: 30000,
       lower_bound: 0,
       default: 24,
-      step: 10000 / 8,
+      step: 30000 / 9,
       type: "slider",
       unit: "金币",
       key: "wechat",
-      stepValues: [0, 10, 100, 200, 500, 1000, 5000, 10000, 100000],
+      stepValues: [0, 100, 300, 500, 1000, 5000, 10000, 20000, 30000, 100000],
     },
   ];
   useEffect(() => {
@@ -549,7 +548,7 @@ export default function Search() {
           closeOnMaskClick={true}
           maskStyle={{ backgroundColor: "#0000004d" }}
           visible={isFilterVisible.comprehensive}
-          bodyStyle={{ height: "calc(100vh - 64px)" }}
+          bodyStyle={{ height: "calc(100vh - 110px)" }}
           onMaskClick={() =>
             setIsFilterVisible({
               zone_admission_price: false,
@@ -559,7 +558,7 @@ export default function Search() {
         >
           <div
             className="overflow-y-auto"
-            style={{ height: "calc(100vh - 64px)" }}
+            style={{ height: "calc(100vh - 110px)" }}
           >
             {filters.map((item, index) => (
               <div
@@ -787,7 +786,7 @@ export default function Search() {
         <Popup
           closeOnMaskClick={true}
           maskStyle={{ backgroundColor: "#0000004d" }}
-          bodyStyle={{ height: "calc(100vh - 64px)" }}
+          bodyStyle={{ height: "calc(100vh - 110px)" }}
           onMaskClick={() =>
             setIsFilterVisible({
               zone_admission_price: false,
@@ -798,7 +797,7 @@ export default function Search() {
         >
           <div
             className="overflow-y-auto"
-            style={{ height: "calc(100vh - 64px)" }}
+            style={{ height: "calc(100vh - 110px)" }}
           >
             {priceFilters.map((item, index) => (
               <div
@@ -955,7 +954,7 @@ export default function Search() {
           </div>
         </Popup>
       </div>
-      <List className="px-4 overflow-y-auto scrollbarBox_hidden">
+      <List className="px-4">
         {!streamers.length && !recommList.length && (
           <div
             className={`h-screen -mt-[57px] flex flex-col items-center justify-center`}

components/MySlider/index.jsx

@@ -264,7 +264,7 @@ export default function MySlider({
             color: "#ff75c8",
           }}
         >
-          {hasInfinity && leftProcess == 1 ? ">" + upper_bound : leftValue}
+          {hasInfinity && leftProcess == 1 ? "∞" : leftValue}
         </span>
         <span
           style={{
@@ -279,7 +279,7 @@ export default function MySlider({
             color: "#ff75c8",
           }}
         >
-          {hasInfinity && rightProcess >= 1 ? ">" + upper_bound : rightValue}
+          {hasInfinity && rightProcess >= 1 ? "∞" : rightValue}
         </span>
         {unitSite == "right" && (
           <span
@@ -317,7 +317,7 @@ export default function MySlider({
             color: "#ffffff80",
           }}
         >
-          {hasInfinity ? ">" + upper_bound : upper_bound}
+          {hasInfinity ? "∞" : upper_bound}
         </span>
       </div>
     </div>