1.scroll-view的宽度大于或等于父级的宽度,解决方案为:手动设置scroll-view的宽度,直至能滑动为止,比如: width: 92vw 2.浏览器兼容性问题,可尝试先给scroll-view设置样式: overflow-x: scroll; overflow: auto;
overflow-x: auto; // margin-bottom: 16rpx; .tabItem { display: flex; align-items: center; justify-content: center; height: 88rpx; width: 20%; flex-shrink: 0; } .tab_active { color: #F12F38; position: relative; width: 20%; flex-shrink: 0; &::after { content: ''; display:...
-webkit-box-orient: vertical; // 设置对其模式 text-overflow: ellipsis; overflow: hidden; 1. 2. 3. 4. 5. 3.4、calc() calc()函数用于动态计算长度值。 要注意运算符前后都需要保留一个空格,例如height: calc(100vh - 80px); 任何长度值都可以使用calc()函数进行计算。 calc()函数支持“+”,“-...
overflow-x: hidden; } .time-line-wrap{ font-family: sans-serif; .time-line{ padding:4% 1%; .time-line-title{ font-size: 25rpx; font-weight: 800; text-align: center; margin-bottom: 15rpx; }//中间的轴.time-line-container{ padding:3% 1%; position: relative;&::before{ content:''...
page-bg { width: 100vw; min-height: 100vh; overflow-x: hidden; background-size: 750rpx auto; background-color: #F9F9F9; } .main-container { width: 686rpx; margin: 0 auto; display: flex; flex-direction: column; } .tl-panel{ margin-top:40rpx; margin-bottom: 48rpx; } .tl-img...
this.preventOverflow(this.cancheData, this.range) : this.cancheData[0], }) ); this.clickIntoComplete = false; this.cancheData = []; } else { this.emit( eventType.CHANGE, this.createCustomEvent({ value: this.normalizeValue.slice(0) }) ); } this.clickIntoComplete = false; } } }...
在uni-app中,页面间的跳转和传参是一个常见的需求。uni-app提供了多种页面跳转方式,如uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab、uni.navigateBack等,每种方式适用于不同的场景。以 页面跳转并传参 找到点击事件,直接选择事件跳转页面,如果有扩展参数,直接在附加参数里增加传参,如果不需要传参则...
{Array} range */ preventOverflow(value, range) { let multiValue = value.slice(0, range.length); multiValue = multiValue.concat(new Array(range.length - multiValue.length).fill(0)); for (let i = 0; i < multiValue.length; i++) { if (multiValue[i] >= range[i].length) { ...
3.watch的使用和XDialog组件的使用 以下是具体代码 子组件 父组件 demo界面,点击父组件的弹窗按钮,子组件弹窗显示,点击空白处,子组件弹窗隐藏 slot 插槽制作的tabs标签页 父组件: 子组件: 关于弹窗的内部滑动穿透底层页面的滑动的问题(H5/App-plus) 在弹出弹窗的时候将body的overflow 改成hidden 在取消弹窗的...
WebSocket是一种基于TCP协议的全双工通信协议,它可以在客户端和服务器之间建立一个持久性的连接,实现实时通信。在uniapp中,我们可以使用uni-socketio插件来实现WebSocket的功能。 步骤: 1. 安装uni-socketio插件 在HBuilderX中,打开插件市场,搜索uni-socketio插件并安装。