feat : 完善一下小程序到家服务的筛选
This commit is contained in:
赵毅
parent
ec2293bcb0
commit
4a308bc46f
@ -1,227 +1,294 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
<div
|
||||||
<view class="searchBox_add">
|
class="searchBox"
|
||||||
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
:style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
|
||||||
</view>
|
>
|
||||||
<div class="iptBox">
|
<view class="searchBox_add">
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"></image>
|
<u-icon
|
||||||
<u--input placeholder="请输入内容" border="none" v-model="value" @change="change"></u--input>
|
bold
|
||||||
</div>
|
color="#000"
|
||||||
</div>
|
size="40"
|
||||||
<div class="Filter">
|
name="arrow-left"
|
||||||
<div class="Filter_left">
|
@click="back"
|
||||||
<div class="FilterItem" @click="show1 = !show1">
|
></u-icon>
|
||||||
附近
|
</view>
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<div class="iptBox">
|
||||||
</div>
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||||
|
></image>
|
||||||
|
<u--input
|
||||||
|
placeholder="请输入内容"
|
||||||
|
border="none"
|
||||||
|
v-model="value"
|
||||||
|
@change="change"
|
||||||
|
></u--input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Filter">
|
||||||
|
<div class="Filter_left">
|
||||||
|
<div class="FilterItem" @click="showDialog(1)">
|
||||||
|
附近
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(2)">
|
||||||
综合
|
综合
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(3)">
|
||||||
排序
|
排序
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(4)">
|
||||||
分类
|
分类
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(5)">
|
||||||
地区
|
性别
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
</div>
|
></image>
|
||||||
|
</div>
|
||||||
<div class="Filter_right">
|
|
||||||
筛选
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"></image>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 位置筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show1">
|
|
||||||
<div class="local">距离 <span>上海公馆</span></div>
|
|
||||||
<div class="filterMore1">
|
|
||||||
<div class="filterMoreItem">附近</div>
|
|
||||||
<div class="filterMoreItem">500m</div>
|
|
||||||
<div class="filterMoreItem">1km</div>
|
|
||||||
<div class="filterMoreItem">3km</div>
|
|
||||||
<div class="filterMoreItem">5km</div>
|
|
||||||
<div class="filterMoreItem">10km</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 综合筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show2">
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left">综合</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left active2">从高到低</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left">从低到高</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 排序筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show3">
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">智能排序</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2 active2">距离优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">好评优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">销量优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 分类筛选 -->
|
|
||||||
<div class="FilterMore3" v-if="show4">
|
|
||||||
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">家电维修</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main">
|
<div class="Filter_right">
|
||||||
<!-- 遮罩 -->
|
筛选
|
||||||
<div class="dialogBox" v-if="show1"></div>
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"
|
||||||
<div class="MasterList">
|
></image>
|
||||||
<div class="MasterItem" v-for="(item, index) in 3" :key="index">
|
|
||||||
<div class="MasterItem_left">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"></image>
|
|
||||||
<image v-if="false" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png">
|
|
||||||
</image>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_right">
|
|
||||||
<div class="MasterItem_info">
|
|
||||||
<div class="MasterItem_Info_left">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"></image>
|
|
||||||
<div class="state state1">待服务</div>
|
|
||||||
<div class="state state2" v-if="false">休息中</div>
|
|
||||||
<div class="state state3" v-if="false">服务中</div>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right">
|
|
||||||
<div class="MasterItem_Info_right_1">
|
|
||||||
林师傅
|
|
||||||
<image class="Medal" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png">
|
|
||||||
</image>
|
|
||||||
<image class="Medal" v-if="false"
|
|
||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png">
|
|
||||||
</image>
|
|
||||||
<image class="star" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"></image>
|
|
||||||
<span>4.8</span>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right_2">52岁 广东梅州人 5-10年</div>
|
|
||||||
<div class="MasterItem_Info_right_3">
|
|
||||||
<span>500+</span>预定 <span>100+</span>评价
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right_4">
|
|
||||||
<div class="tagItem tag1">积极主动</div>
|
|
||||||
<div class="tagItem tag2">技术精湛</div>
|
|
||||||
<div class="tagItem tag3">技术精湛</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="MasterItem_Info_right_5">
|
|
||||||
价格范围： <span>￥500-￥800</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="MasterItem_Info_right_6">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_more" @click="masterInfo">
|
|
||||||
查看资料
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="Btn">
|
|
||||||
确定
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 位置筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show1">
|
||||||
|
<div class="local">距离 <span>上海公馆</span></div>
|
||||||
|
<div class="filterMore1">
|
||||||
|
<div class="filterMoreItem">附近</div>
|
||||||
|
<div class="filterMoreItem">500m</div>
|
||||||
|
<div class="filterMoreItem">1km</div>
|
||||||
|
<div class="filterMoreItem">3km</div>
|
||||||
|
<div class="filterMoreItem">5km</div>
|
||||||
|
<div class="filterMoreItem">10km</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</view>
|
<!-- 综合筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show2">
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left">综合</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left active2">从高到低</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left">从低到高</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 排序筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show3">
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">智能排序</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2 active2">距离优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">好评优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">销量优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 分类筛选 -->
|
||||||
|
<div class="FilterMore3" v-if="show4">
|
||||||
|
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">
|
||||||
|
家电维修
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 性别筛选 -->
|
||||||
|
<div class="FilterMore3" v-if="show5">
|
||||||
|
<div class="filterMore3Item">男</div>
|
||||||
|
<div class="filterMore3Item">女</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<!-- 遮罩 -->
|
||||||
|
<div class="dialogBox" v-if="isShowDia"></div>
|
||||||
|
|
||||||
|
<div class="MasterList">
|
||||||
|
<div class="MasterItem" v-for="(item, index) in 3" :key="index">
|
||||||
|
<div class="MasterItem_left">
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
v-if="false"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png"
|
||||||
|
>
|
||||||
|
</image>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_right">
|
||||||
|
<div class="MasterItem_info">
|
||||||
|
<div class="MasterItem_Info_left">
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||||
|
></image>
|
||||||
|
<div class="state state1">待服务</div>
|
||||||
|
<div class="state state2" v-if="false">休息中</div>
|
||||||
|
<div class="state state3" v-if="false">服务中</div>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right">
|
||||||
|
<div class="MasterItem_Info_right_1">
|
||||||
|
林师傅
|
||||||
|
<image
|
||||||
|
class="Medal"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||||
|
>
|
||||||
|
</image>
|
||||||
|
<image
|
||||||
|
class="Medal"
|
||||||
|
v-if="false"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||||
|
>
|
||||||
|
</image>
|
||||||
|
<image
|
||||||
|
class="star"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||||
|
></image>
|
||||||
|
<span>4.8</span>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_2">
|
||||||
|
52岁 广东梅州人 5-10年
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_3">
|
||||||
|
<span>500+</span>预定 <span>100+</span>评价
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_4">
|
||||||
|
<div class="tagItem tag1">积极主动</div>
|
||||||
|
<div class="tagItem tag2">技术精湛</div>
|
||||||
|
<div class="tagItem tag3">技术精湛</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="MasterItem_Info_right_5">
|
||||||
|
价格范围： <span>￥500-￥800</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="MasterItem_Info_right_6">
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_more" @click="masterInfo">查看资料</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Btn">确定</div>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { request, picUrl, NavgateTo, menuButtonInfo } from '../../../utils/index';
|
import {
|
||||||
import { apiArr } from '../../../api/reservation';
|
request,
|
||||||
|
picUrl,
|
||||||
|
NavgateTo,
|
||||||
|
menuButtonInfo,
|
||||||
|
} from "../../../utils/index";
|
||||||
|
import { apiArr } from "../../../api/reservation";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
top: "",
|
top: "",
|
||||||
localHeight: "",
|
localHeight: "",
|
||||||
show1: false,
|
show1: false,
|
||||||
show2: false,
|
show2: false,
|
||||||
show3: false,
|
show3: false,
|
||||||
show4: false,
|
show4: false,
|
||||||
|
show5: false,
|
||||||
|
isShowDia: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
masterInfo() {
|
||||||
|
NavgateTo("../masterInfo/index");
|
||||||
|
},
|
||||||
|
back() {
|
||||||
|
NavgateTo("1");
|
||||||
|
},
|
||||||
|
showDialog(index) {
|
||||||
|
this[`show${index}`] = !this[`show${index}`];
|
||||||
|
this.logOtherButtons(index);
|
||||||
|
this.isShowDia = this[`show${index}`];
|
||||||
|
},
|
||||||
|
logOtherButtons(excludeIndex) {
|
||||||
|
for (let i = 1; i <= 5; i++) {
|
||||||
|
if (i !== excludeIndex) {
|
||||||
|
this[`show${i}`] = false;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
},
|
||||||
masterInfo() {
|
onReady() {},
|
||||||
NavgateTo("../masterInfo/index")
|
|
||||||
},
|
|
||||||
back() {
|
|
||||||
NavgateTo("1")
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onReady() {
|
|
||||||
|
|
||||||
},
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
// this.top = meun.height + meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
onShow() {},
|
||||||
|
|
||||||
onLoad(options) {
|
/**
|
||||||
const meun = menuButtonInfo();
|
* 页面上拉触底事件的处理函数
|
||||||
this.top = meun.top;
|
*/
|
||||||
// this.top = meun.height + meun.top;
|
onReachBottom() {},
|
||||||
this.localHeight = meun.height;
|
};
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 页面上拉触底事件的处理函数
|
|
||||||
*/
|
|
||||||
onReachBottom() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@ -1,225 +1,290 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
<div
|
||||||
<view class="searchBox_add">
|
class="searchBox"
|
||||||
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
:style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
|
||||||
</view>
|
>
|
||||||
<div class="iptBox">
|
<view class="searchBox_add">
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"></image>
|
<u-icon
|
||||||
<u--input placeholder="请输入内容" border="none" v-model="value" @change="change"></u--input>
|
bold
|
||||||
</div>
|
color="#000"
|
||||||
</div>
|
size="40"
|
||||||
<div class="Filter">
|
name="arrow-left"
|
||||||
<div class="Filter_left">
|
@click="back"
|
||||||
<div class="FilterItem" @click="show1 = !show1">
|
></u-icon>
|
||||||
附近
|
</view>
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<div class="iptBox">
|
||||||
</div>
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||||
|
></image>
|
||||||
|
<u--input
|
||||||
|
placeholder="请输入内容"
|
||||||
|
border="none"
|
||||||
|
v-model="value"
|
||||||
|
@change="change"
|
||||||
|
></u--input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Filter">
|
||||||
|
<div class="Filter_left">
|
||||||
|
<div class="FilterItem" @click="showDialog(1)">
|
||||||
|
附近
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(2)">
|
||||||
综合
|
综合
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(3)">
|
||||||
排序
|
排序
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(4)">
|
||||||
分类
|
分类
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="showDialog(5)">
|
||||||
地区
|
性别
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image
|
||||||
</div>
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||||
</div>
|
></image>
|
||||||
|
</div>
|
||||||
<div class="Filter_right">
|
|
||||||
筛选
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"></image>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 位置筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show1">
|
|
||||||
<div class="local">距离 <span>上海公馆</span></div>
|
|
||||||
<div class="filterMore1">
|
|
||||||
<div class="filterMoreItem">附近</div>
|
|
||||||
<div class="filterMoreItem">500m</div>
|
|
||||||
<div class="filterMoreItem">1km</div>
|
|
||||||
<div class="filterMoreItem">3km</div>
|
|
||||||
<div class="filterMoreItem">5km</div>
|
|
||||||
<div class="filterMoreItem">10km</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 综合筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show2">
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left">综合</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left active2">从高到低</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left">从低到高</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 排序筛选 -->
|
|
||||||
<div class="FilterMore" v-if="show3">
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">智能排序</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2 active2">距离优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">好评优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="filterMore2_item">
|
|
||||||
<div class="filterMore2_item_left2">销量优先</div>
|
|
||||||
<div class="filterMore2_item_right">
|
|
||||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 分类筛选 -->
|
|
||||||
<div class="FilterMore3" v-if="show4">
|
|
||||||
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">家电维修</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main">
|
<div class="Filter_right">
|
||||||
<!-- 遮罩 -->
|
筛选
|
||||||
<div class="dialogBox" v-if="show1"></div>
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"
|
||||||
<div class="MasterList">
|
></image>
|
||||||
<div class="MasterItem" v-for="(item, index) in 3" :key="index">
|
|
||||||
<div class="MasterItem_right">
|
|
||||||
<div class="MasterItem_info">
|
|
||||||
<div class="MasterItem_Info_left">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"></image>
|
|
||||||
<div class="state state1">待服务</div>
|
|
||||||
<div class="state state2" v-if="false">休息中</div>
|
|
||||||
<div class="state state3" v-if="false">服务中</div>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right">
|
|
||||||
<div class="MasterItem_Info_right_1">
|
|
||||||
<div class="master_info_right_left">
|
|
||||||
林师傅
|
|
||||||
<image class="Medal" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png">
|
|
||||||
</image>
|
|
||||||
<image class="Medal" v-if="false"
|
|
||||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png">
|
|
||||||
</image>
|
|
||||||
<image class="star" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"></image>
|
|
||||||
<span>4.8</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="master_info_right_right" @click="masterInfo">
|
|
||||||
查看资料
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right_2">52岁 广东梅州人 5-10年</div>
|
|
||||||
<div class="MasterItem_Info_right_3">
|
|
||||||
<span>500+</span>预定 <span>100+</span>评价
|
|
||||||
</div>
|
|
||||||
<div class="MasterItem_Info_right_4">
|
|
||||||
<div class="tagItem tag1">积极主动</div>
|
|
||||||
<div class="tagItem tag2">技术精湛</div>
|
|
||||||
<div class="tagItem tag3">技术精湛</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="MasterItem_Info_right_5">
|
|
||||||
价格范围： <span>￥500-￥800</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="MasterItem_Info_right_6">
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="Btn">
|
|
||||||
确定
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 位置筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show1">
|
||||||
|
<div class="local">距离 <span>上海公馆</span></div>
|
||||||
|
<div class="filterMore1">
|
||||||
|
<div class="filterMoreItem">附近</div>
|
||||||
|
<div class="filterMoreItem">500m</div>
|
||||||
|
<div class="filterMoreItem">1km</div>
|
||||||
|
<div class="filterMoreItem">3km</div>
|
||||||
|
<div class="filterMoreItem">5km</div>
|
||||||
|
<div class="filterMoreItem">10km</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</view>
|
<!-- 综合筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show2">
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left">综合</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left active2">从高到低</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left">从低到高</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 排序筛选 -->
|
||||||
|
<div class="FilterMore" v-if="show3">
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">智能排序</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2 active2">距离优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">好评优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="filterMore2_item">
|
||||||
|
<div class="filterMore2_item_left2">销量优先</div>
|
||||||
|
<div class="filterMore2_item_right">
|
||||||
|
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 分类筛选 -->
|
||||||
|
<div class="FilterMore3" v-if="show4">
|
||||||
|
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">
|
||||||
|
家电维修
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 性别筛选 -->
|
||||||
|
<div class="FilterMore3" v-if="show5">
|
||||||
|
<div class="filterMore3Item">男</div>
|
||||||
|
<div class="filterMore3Item">女</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main">
|
||||||
|
<!-- 遮罩 -->
|
||||||
|
<div class="dialogBox" v-if="isShowDia"></div>
|
||||||
|
|
||||||
|
<div class="MasterList">
|
||||||
|
<div class="MasterItem" v-for="(item, index) in 3" :key="index">
|
||||||
|
<div class="MasterItem_right">
|
||||||
|
<div class="MasterItem_info">
|
||||||
|
<div class="MasterItem_Info_left">
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||||
|
></image>
|
||||||
|
<div class="state state1">待服务</div>
|
||||||
|
<div class="state state2" v-if="false">休息中</div>
|
||||||
|
<div class="state state3" v-if="false">服务中</div>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right">
|
||||||
|
<div class="MasterItem_Info_right_1">
|
||||||
|
<div class="master_info_right_left">
|
||||||
|
林师傅
|
||||||
|
<image
|
||||||
|
class="Medal"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||||
|
>
|
||||||
|
</image>
|
||||||
|
<image
|
||||||
|
class="Medal"
|
||||||
|
v-if="false"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||||
|
>
|
||||||
|
</image>
|
||||||
|
<image
|
||||||
|
class="star"
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||||
|
></image>
|
||||||
|
<span>4.8</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="master_info_right_right" @click="masterInfo">
|
||||||
|
查看资料
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_2">
|
||||||
|
52岁 广东梅州人 5-10年
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_3">
|
||||||
|
<span>500+</span>预定 <span>100+</span>评价
|
||||||
|
</div>
|
||||||
|
<div class="MasterItem_Info_right_4">
|
||||||
|
<div class="tagItem tag1">积极主动</div>
|
||||||
|
<div class="tagItem tag2">技术精湛</div>
|
||||||
|
<div class="tagItem tag3">技术精湛</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="MasterItem_Info_right_5">
|
||||||
|
价格范围： <span>￥500-￥800</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="MasterItem_Info_right_6">
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
<image
|
||||||
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||||
|
></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Btn">确定</div>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { request, picUrl, NavgateTo, menuButtonInfo } from '../../../utils/index';
|
import {
|
||||||
import { apiArr } from '../../../api/reservation';
|
request,
|
||||||
|
picUrl,
|
||||||
|
NavgateTo,
|
||||||
|
menuButtonInfo,
|
||||||
|
} from "../../../utils/index";
|
||||||
|
import { apiArr } from "../../../api/reservation";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
top: "",
|
top: "",
|
||||||
localHeight: "",
|
localHeight: "",
|
||||||
show1: false,
|
show1: false,
|
||||||
show2: false,
|
show2: false,
|
||||||
show3: false,
|
show3: false,
|
||||||
show4: false,
|
show4: false,
|
||||||
|
show5: false,
|
||||||
|
isShowDia: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
masterInfo() {
|
||||||
|
NavgateTo("../masterInfo/index");
|
||||||
|
},
|
||||||
|
back() {
|
||||||
|
NavgateTo("1");
|
||||||
|
},
|
||||||
|
|
||||||
|
showDialog(index) {
|
||||||
|
this[`show${index}`] = !this[`show${index}`];
|
||||||
|
this.logOtherButtons(index);
|
||||||
|
this.isShowDia = this[`show${index}`]
|
||||||
|
},
|
||||||
|
logOtherButtons(excludeIndex) {
|
||||||
|
for (let i = 1; i <= 5; i++) {
|
||||||
|
if (i !== excludeIndex) {
|
||||||
|
this[`show${i}`] = false
|
||||||
}
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
},
|
||||||
masterInfo() {
|
onReady() {},
|
||||||
NavgateTo("../masterInfo/index")
|
|
||||||
},
|
|
||||||
back(){
|
|
||||||
NavgateTo("1")
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onReady() {
|
|
||||||
|
|
||||||
},
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
// this.top = meun.height + meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
onShow() {},
|
||||||
|
|
||||||
onLoad(options) {
|
/**
|
||||||
const meun = menuButtonInfo();
|
* 页面上拉触底事件的处理函数
|
||||||
this.top = meun.top;
|
*/
|
||||||
// this.top = meun.height + meun.top;
|
onReachBottom() {},
|
||||||
this.localHeight = meun.height;
|
};
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 页面上拉触底事件的处理函数
|
|
||||||
*/
|
|
||||||
onReachBottom() {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@ -13,27 +13,27 @@
|
|||||||
<div class="Filter">
|
<div class="Filter">
|
||||||
<div class="Filter_left">
|
<div class="Filter_left">
|
||||||
<div class="FilterItem" @click="show1 = !show1">
|
<div class="FilterItem" @click="show1 = !show1">
|
||||||
附近
|
接单量
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="show2 = !show2">
|
||||||
综合
|
满意度
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="show3 = !show3">
|
||||||
排序
|
排序
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="show4 = !show4">
|
||||||
分类
|
分类
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="FilterItem">
|
<div class="FilterItem" @click="show5 = !show5">
|
||||||
地区
|
性别
|
||||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -109,6 +109,12 @@
|
|||||||
<div class="FilterMore3" v-if="show4">
|
<div class="FilterMore3" v-if="show4">
|
||||||
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">家电维修</div>
|
<div class="filterMore3Item" v-for="(item, index) in 9" :key="index">家电维修</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 性别筛选 -->
|
||||||
|
<div class="FilterMore3" v-if="show5">
|
||||||
|
<div class="filterMore3Item">男</div>
|
||||||
|
<div class="filterMore3Item">女</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main">
|
<div class="main">
|
||||||
@ -188,6 +194,7 @@ export default {
|
|||||||
show2: false,
|
show2: false,
|
||||||
show3: false,
|
show3: false,
|
||||||
show4: false,
|
show4: false,
|
||||||
|
show5: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user