【uniapp】多规格选择

最新推荐文章于 2024-07-07 09:44:11 发布

Minions_Fatman

最新推荐文章于 2024-07-07 09:44:11 发布

阅读量1.3k

点赞数 22

CC 4.0 BY-SA版权

分类专栏： uniapp 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/Minions_Fatman/article/details/135386659

效果图
在这里插入图片描述

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