wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/search/page.js
View File

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

6
components/MySlider/index.jsx
View File

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