XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(seachPage): 优化搜索页面排序选项文案和样式

Browse Source 
将排序选项中的"综合"改为"推荐排序"，"热门"改为"热门优先"，"价格从低到高"改为"价低优先"，"价格从高到低"改为"价高优先"，使文案更简洁清晰。同时调整相关组件样式，删除无用代码。

重构搜索模块，移除未使用的selectTabBox组件，统一排序选项文案。更新构建产物文件。
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-07-08 12:01:56 +08:00
parent b5f4966ebd
commit 9beeff6fb9
11 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/housing.a9d8ed0e.css → dist/css/housing.90f1fb7b.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/seachPage.17b24c2c.css → dist/css/seachPage.2226a81a.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@@ -1,4 +1,4 @@
<!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.5bed831c.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.3bcf6414.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.631fbbe4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script>var _hmt = _hmt || [] <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/favicon.ico"/><title>港校租房</title><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/chunk-vendors.5bed831c.js"></script><script defer="defer" src="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/js/app.4efbd644.js"></script><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/chunk-vendors.7885d77e.css" rel="stylesheet"><link href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/fang/css/app.631fbbe4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zufang doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><script src="https://app.gter.net/bottom?tpl=header&menukey=fang"></script><div id="app"></div><div style="display: none;"><script>var _hmt = _hmt || []
;(function () { ;(function () {
var hm = document.createElement("script") var hm = document.createElement("script")
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746" hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"

1
dist/js/app.3bcf6414.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/app.4efbd644.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/js/housing.4418d6d3.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/js/housing.e654655c.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/seachPage.cde1ae27.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/seachPage.fcd81ef8.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

10
src/components/seachModule/seachModule1.vue
View File

@@ -91,7 +91,6 @@
<!-- {{ pitchValue }} --> <!-- {{ pitchValue }} -->
<div class="option-area flexflex" v-if="routePath === '/personHousing' || routePath === '/intermediaryHousing' || routePath === '/needHousing'"> <div class="option-area flexflex" v-if="routePath === '/personHousing' || routePath === '/intermediaryHousing' || routePath === '/needHousing'">
<!-- <selectTabBox :setSeachCondition="setSeachConditions" :setLocation="setLocation"></selectTabBox> -->
<div class="option-left"> <div class="option-left">
<!-- 地理位置时除 求房源 显示的 --> <!-- 地理位置时除 求房源 显示的 -->
<div class="option-item flexflex" v-if="routePath !== '/needHousing'"> <div class="option-item flexflex" v-if="routePath !== '/needHousing'">
@@ -322,7 +321,6 @@ import { onMounted, ref, toRefs, watchEffect, reactive, defineProps, inject, get
import { useStore } from "vuex"; import { useStore } from "vuex";
import seachInfo from "../indexSeachInfo/indexSeachInfo.vue"; import seachInfo from "../indexSeachInfo/indexSeachInfo.vue";
import selectTabBox from "../selectTabBox/selectTabBox.vue";
import choosingIdentity from "@/components/edit/choosingIdentity.vue"; import choosingIdentity from "@/components/edit/choosingIdentity.vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import store from "../../store/index"; import store from "../../store/index";
@@ -692,11 +690,11 @@ let publishList = reactive([
// 排序的选项 // 排序的选项
let orderbyList = reactive([ let orderbyList = reactive([
{ name: "综合", type: "default" }, { name: "推荐排序", type: "default" },
{ name: "最新发布", type: "updatetime" }, { name: "最新发布", type: "updatetime" },
{ name: "热门", type: "hotnum" }, { name: "热门优先", type: "hotnum" },
{ name: "价格从低到高", type: "rentasc" }, { name: "价低优先", type: "rentasc" },
{ name: "价格从高到低", type: "rentdesc" }, { name: "价高优先", type: "rentdesc" },
]); ]);
// 排序弹窗的状态 // 排序弹窗的状态

10
src/components/seachPage/input.vue
View File

@@ -447,14 +447,14 @@ let selectTabCheck = reactive({
//最新发布选项 //最新发布选项
let listSort = shallowReactive({ let listSort = shallowReactive({
type: [ type: [
{ title: "综合", type: "default" }, { title: "推荐排序", type: "default" },
{ title: "最新发布", type: "timestamp" }, { title: "最新发布", type: "timestamp" },
{ title: "热门", type: "hotnum" }, { title: "热门优先", type: "hotnum" },
{ title: "价格从低到高", type: "rentasc" }, { title: "价低优先", type: "rentasc" },
{ title: "价格从高到低", type: "rentdesc" }, { title: "价高优先", type: "rentdesc" },
], ],
checkType: "default", checkType: "default",
check: "综合", check: "推荐排序",
}); });
//搜索列表排序 //搜索列表排序
let listSortCheck = (item) => { let listSortCheck = (item) => {