效果图
VUE
<template>
<view>
<view class="wp-80 pd-tb-40 mg-auto">
<button type="warn" @click="showDrawer('showRight')">筛选</button>
</view>
<!-- 筛选-uni-drawer -->
<uni-drawer ref="showRight" mode="right" :width="300" :top="44"
@change="change($event,'showRight')">
<view class="dra_position safe_area">
<scroll-view class="scroll-view-box dra_position" scroll-y="true">
<view class="pd-25">
<block v-for="(item,n) in drawer_list" :key="n">
<view class="pd-b-20">{
{item.title}}</view>
<view class="fss flex-wrap scroll-view-div">
<block v-for="(aitem,index) in item.options" :key="index">
<view class="radius5 fcc" :class="subIndex[n] == index?'active':''"
@click