详情样式修改

This commit is contained in:
2023-08-07 14:27:21 +08:00
parent 0db05ee43a
commit 5e7d8c5f4d
2 changed files with 8 additions and 7 deletions

View File

@@ -159,16 +159,16 @@
</div> </div>
</div> </div>
<span class="dis-f al-item sort-text" v-show="tabType !== 'apartment'"> <span class="dis-f al-item sort-text" v-show="tabType !== 'apartment'">
<el-dropdown trigger="click"> <el-dropdown trigger="click" @command="listSortCheck">
<span class="dis-f al-item sort-text"> <span class="dis-f al-item sort-text">
{{ listSort.check }}<img class="img" src="../../assets/homeImage/sortIcon.png" alt=""> {{ listSort.check }}<img class="img" src="../../assets/homeImage/sortIcon.png" alt="">
</span> </span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu class="pd-10 el-dropdown-menu"> <el-dropdown-menu class="pd-10 el-dropdown-menu">
<el-dropdown-item v-for="(items, j) in listSort.type" :key="j"> <el-dropdown-item v-for="(items, j) in listSort.type" :key="j" :command="j">
<div class="dropdown-text" <div class="dropdown-text"
:class="{ 'dropdown-check-text': listSort.checkType === items.type }" :class="{ 'dropdown-check-text': listSort.checkType === items.type }"
@click="listSortCheck(items)">{{ >{{
items.title items.title
}} }}
<div class="type-icon" v-show="listSort.checkType === items.type"></div> <div class="type-icon" v-show="listSort.checkType === items.type"></div>
@@ -443,9 +443,10 @@ let listSort = shallowReactive({
}) })
//搜索列表排序 //搜索列表排序
let listSortCheck = (item) => { let listSortCheck = (item) => {
listSort.checkType = item.type let obj= listSort.type[item]
listSort.check = item.title listSort.checkType = obj.type
setSeachConditions('orderby', item.type) listSort.check = obj.title
setSeachConditions('orderby', obj.type)
} }
let seachArea = {};//区域找房 let seachArea = {};//区域找房

View File

@@ -2266,7 +2266,7 @@ img {
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-right: 8px; margin-right: 5px;
} }
} }
} }