uview actionSheet 内容过多高度设置

最新推荐文章于 2024-09-24 19:36:40 发布
最新推荐文章于 2024-09-24 19:36:40 发布
阅读量2.3k 收藏 7
点赞数 5
分类专栏： CSS专区 文章标签： html5 css3 css 前端框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38812589/article/details/129981565
版权

uview actionSheet 内容过多高度设置

使用uview actionSheet时，内容过多超出屏幕后，actionSheet高度溢出。此时选择内部盒子，设置最大高度，设置内容超出滑动即可

/deep/.u-action-sheet__item-wrap {
		overflow: auto;
		max-height: 50vh;
	}
qq_38812589
关注
专栏目录
u-action-sheet 数据超出自动滚动
weixin_42066070的博客
10-13 4175
修改组件代码 uview-ui/components/u-action-sheet/u-action-sheet.vue。uview-ui/components/u-action-sheet/u-action-sheet.vue直接上代码。采用的ui组件是uview-ui。直接复制替换原先的组件代码即可。
修改uview中u-action-sheet内容过多实现滚动效果
by_Ftao的博客
05-28 831
2.此版本是uView2.0版本,找到uni_modules/uview-ui/components/u-action-sheet/u-action-sheet.vue文件。1.如果你的uview是通过npm依赖包形式安装的不建议直接修改node_modules源码,可以使用uni_modules方式引入;3.主要实现代码是如下代码,把遍历生成的数据放进如下标签内即可;
uview 组件遇见的各种问题(坑)
最新发布
m0_47186697的博客
09-24 177
【代码】uview 组件遇见的各种问题(坑)
微信小程序修改action-sheet-cancel的高度
qq_41854763的博客
05-06 2759
微信小程序官方在很早的版本里就移除了组件 action-sheet，推荐使用~~“更加方便”~~ 的wx.showActionSheet(Object object) API代替，然后这个Action Sheet的List里面只允许放String，而有些事件必须由button才能触发，比如分享小程序页面给好友，这个Action sheet中只能放String的限制显然一点都不方便啊。。。 所以有的...
uview ui 1.x ActonSheet项太多，设置滚动(亲测有效）
LlanyW的专栏
08-27 3097
再去看源码，发现包裹着block里的view禁止触摸事件，导致滚动视图滚动不了。把@touchmove.stop.prevent删除即可。使用uview ui ：u-action-sheet, 但是item太多，超出屏幕了， 查了一下文档，并没有设置滚动的地方。只能修改源码了,在v-for遍历外面添加一个滚动视图，即可，其他不变。在电脑上用鼠标滚轮很正常.
微信小程序把玩（二十二）action-sheet组件
热门推荐
FUCK
09-26 2万+
action-sheet组件是从底部弹出可选菜单项，估计也是借鉴IOS的设计添加的，action-sheet有两个子组件， action-sheet-item为每个选项，action-sheet-cancel取消选项，与action-sheet-item中间会有间隔，并且点击会触发action-sheet监听事件主要属性：wxml<!--触发action-sheet事件--> <button typ
【u-action-sheet 数据多自动滚动】
u012814063的博客
06-08 1725
【代码】【u-action-sheet 数据多自动滚动】
解决mui--actionsheet (操作表) 内容过多无法滚动的问题
xie_candy的博客
10-12 3636
参考了博客https://blog.csdn.net/qq_35310703/article/details/79056268 解决如下： 1. overflow：auto 是不生效的，需使用scroll(区域滚动)。 2. 根据scroll(区域滚动)添加mui-scroll-wrapper和mui-scroll类。 3.在js中添加mui自带的scroll方法： mu...
设置菜单内容高度
guyu129的博客
12-05 229
未限制高度的菜单css代码及效果图： .SellTabGoods display flex overflow hidden .menu flex 0 0 80px //忽略部分css .menu-item display table //忽略部分css .content flex 1 1 padding 0 18p...
自定义ActionSheet
04-05
5. **数据驱动**：如果ActionSheet用于分享，那么它可能需要根据分享目标动态加载内容。这需要理解如何将数据绑定到视图，并处理数据更新。 6. **交互设计**：ActionSheet通常与用户其他操作相互作用，例如在用户...
uview2.0uview2.0
04-22
uView2.0是一款在IT行业中广泛使用的前端UI框架，专为Vue.js设计，致力于提供一套简洁、易用且功能丰富的组件库，帮助开发者快速构建出美观的Web应用界面。uView2.0是对uView1.0的升级版本，带来了更多的特性、优化...
Flutter bottomSheet设置高度
丿灬安之若死
09-01 1301
showModalBottomSheet( shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.0)), context: context, isScrollControlled: true, builder: (BuildContext context) { return Container( height: 480, ..
关于uview tabs切换高度适应问题
weixin_45313548的博客
08-12 4337
刚开始用的时候只能自定义高度，那么超出高度的内容就会被斩断，所以需要获取一下当前高度来自定义 <swiper :style="{'height': scrollHeight+'px'}" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" style="height: 1050upx;"> <swiper-item class="swiper-item" v-for
解决前端vue框架select下拉数据量过大造成卡顿问题
youngOwl的博客
05-09 3332
解决：将数据分割成更小的单元，每次下拉到底部加载一部分。问题：当加载上百条、上千条数据，导致下拉框数据卡顿。
uni+uview action-sheet滚动
m0_55251727的博客
08-19 1900
action-sheet可滚动
操作菜单的一个坑 u-action-sheet
07-05 2799
解决
微信小程序 action-sheet 反馈上拉菜单
xiaochun365的博客
04-10 4257
//js var items = ['item1', 'item2', 'item3', 'item4'] var pageObject = { data: { actionSheetHidden: true, actionSheetItems: items }, actionSheetTap: function (e) { this.setData({
微信小程序——操作反馈小工具：action-sheet的使用及详解
啊哈嗯嗯的博客
04-08 5553
action-sheet——底部弹起的操作按钮组件 属性： bindchange：点击“取消” 或 “背景蒙层”所触发的事件 hidden：action-sheet是否可见 <action-sheet-item bindtap="itemTap" data-name="{{item.name}}" data-id="{{item.id}}"> {{item.name}}&lt...
flutter — showModalBottomSheet的高度设置问题
风华是一指流沙的博客
03-10 7744
// 弹出底部菜单列表模态对话框 Future<int> _showModalBottomSheet() { return showModalBottomSheet<int>( context: context, isScrollControlled: true, //一：设为true，此时为全屏展示 builder: (BuildC...
(十七)、个人中心页面中更多功能完善+操作权限+不同用户角色对数据的修改【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
tigerhhzz的博客
02-20 677
个人中心页面中更多功能完善+操作权限+不同用户角色对数据的修改【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值