修改search样式
This commit is contained in:
parent
9d78c5e203
commit
c846c494e5
|
@ -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`}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue