<view class="flex text-4d text-28 margin-lr-30 margin-tb-20" >
<view class="flex">
<view class="margin-right-60" :class="isselect?'active':''"
@click="isselect2=false;isselect3=false;isselect=!isselect;">全部商圈
<text class="iconfont text-d7 padding-left-10" :class="isselect?'icon-xiangshang ':'icon-xiangxia'" style="font-size: 18rpx;"></text>
</view>
<view class="margin-right-60" :class="isselect2?'active2':''"
@click="isselect=false;isselect2=!isselect2;isselect3=false;" >本地老店
<text class="iconfont text-d7 padding-left-10" :class="isselect2?'icon-xiangshang ':'icon-xiangxia'" style="font-size: 18rpx;"></text>
</view>
<view :class="isselect3?'active3':''"
@click="isselect=false;isselect2=false;isselect3=!isselect3;">距离优先<text class="iconfont text-d7 padding-left-10" style="font-size: 18rpx;" :class="isselect3?'icon-xiangshang ':'icon-xiangxia'"></text></view>
</view>
</view>
联动浮层
<view class="page_layer" v-if="isselect">
<!-- 筛选浮层 -->
<ty-layer-pop-up v-if="screen_layer_show" @overlayClick="sure">
<view class="screen_layer_block bg-ff flex" @click.stop="">
<view class="lefttitle" style="height:314rpx;">
<view v-for="(item,index) in category" :key="index">
<view @click="category_active(index);" class=" text-center text-cut-one padding-tb-20" :class="isActive_id==index?'bg-ff text-bold active':''">
{{item.name}}
</view>
</view>
</view>
<view >
<view class="text-cut-one padding-tb-20 padding-left-40" v-for="(item2,index2) in category[isActive_id]._child" :key="index2">
{{item2.name}}
</view>
</view>
</view>
</ty-layer-pop-up>
</view>
标签切换
isselect:false,
isActive_id:0,
isselect2:false,
isselect3:false,