修改search样式

This commit is contained in:
al 2024-09-09 15:56:03 +08:00
parent 9d78c5e203
commit c846c494e5
2 changed files with 17 additions and 18 deletions

View File

@ -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`}

View File

@ -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>