uniapp uni-swipe-action滑动内容排版改造

在uniapp开发中 默认的uni-swipe-action滑动组件 按钮里的文字都是横排的 不能换行的 如果是在一些小屏设备 比如PDA这种,同时按钮文字又都是4个字 多按钮的情况 就会发现滑动一下都直接满屏了 观看体验都不好 但默认的官方组件又没有样式的设置,下面就告诉大家怎么简单改造:

如图所示,只需要在css中对按钮的宽做换行处理,就能轻松实现指定的宽度横排

相关推荐
白远山16 小时前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
白远山2 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
海鸥两三2 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp
海鸥两三2 天前
微信小程序 PDF 预览实践(uni.downloadFile → uni.openDocument)
小程序·uni-app
PedroQue993 天前
uni-app x 事件通信插件重磅上线
前端·uni-app
gnip3 天前
uni-app 原生插件
前端·javascript·uni-app
白远山4 天前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
2501_915909064 天前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview
2501_915918415 天前
怎么把 Python 写的 Flet 应用打包成 iOS App 并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
Geek_Vison5 天前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas