uniapp 分类联动浮层,给自己提醒

<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,
 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值