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

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

重构搜索模块,移除未使用的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

File diff suppressed because one or more lines are too long

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 () {
var hm = document.createElement("script")
hm.src = "//hm.baidu.com/hm.js?4bd66cbe45a640b607fe46c48f658746"

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

View File

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

View File

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