抽屉不滚动bug

This commit is contained in:
@fawn-nine
2024-06-28 15:26:37 +08:00
parent 791691b526
commit 8488a10f77

View File

@@ -1,6 +1,7 @@
<template> <template>
<view> <view>
<uni-drawer ref="showRight" mode="right" :width="320" @change="changeD($event,'showRight')"> <uni-drawer ref="showRight" mode="right" :width="320" @change="changeD($event,'showRight')">
<view class="close"> <view class="close">
<view class="zhan" style="width: 100%;"></view> <view class="zhan" style="width: 100%;"></view>
<u-icon name="close" @click="closeDrawer('showRight')" color="#2979ff" size="28"></u-icon> <u-icon name="close" @click="closeDrawer('showRight')" color="#2979ff" size="28"></u-icon>
@@ -8,6 +9,7 @@
<view class="proTitle"> <view class="proTitle">
<text>请选择课程分类</text> <text>请选择课程分类</text>
</view> </view>
<scroll-view class="warp" scroll-y="true" style="max-height: 80vh;">
<uni-collapse accordion v-if="treeList.length > 0" @change="collapseChange"> <uni-collapse accordion v-if="treeList.length > 0" @change="collapseChange">
<uni-collapse-item v-for="(item, index) in treeList" :key="index" :title="item.title" <uni-collapse-item v-for="(item, index) in treeList" :key="index" :title="item.title"
:show-animation="true"> :show-animation="true">
@@ -30,7 +32,7 @@
<view :class="['item', 'leve4']" <view :class="['item', 'leve4']"
v-for="(item3, index3) in item2.children" :key="index3" v-for="(item3, index3) in item2.children" :key="index3"
@click.stop="clickCourseInfo(item3)"> @click.stop="clickCourseInfo(item3)">
<text class="textss">{{item3.title}}33</text> <text class="textss">{{item3.title}}</text>
</view> </view>
</view> </view>
</view> </view>
@@ -40,6 +42,7 @@
</view> </view>
</uni-collapse-item> </uni-collapse-item>
</uni-collapse> </uni-collapse>
</scroll-view>
</uni-drawer> </uni-drawer>
</view> </view>
</template> </template>
@@ -103,12 +106,19 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// ::v-deep uni-drawer{ height: 50vh !important;
// .uni-drawer__content{
// overflow-y: scroll !important;
// }
// }
.sub1List { .sub1List {
background-color: #f7f7f7; background-color: #f7f7f7;
// padding-left: 20rpx; // padding-left: 20rpx;
} }
.content { .content {
.item { .item {
background-color: #fff; background-color: #fff;
line-height: 80rpx; line-height: 80rpx;