m***@126.com
m***@126.com
  • 发布:2020-09-25 17:55
  • 更新:2020-09-25 17:55
  • 阅读:1513

【报Bug】uni-app打包字节跳动小程序,模拟器和真机均无法滚动页面,微信小程序,H5无问题

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: WIN7

HBuilderX类型: 正式

HBuilderX版本号: 2.8.11

第三方开发者工具版本号: 2.0.1

基础库版本号: 1.75.0.9

项目创建方式: HBuilderX

示例代码:

···
<view class="example-body">
<view class="word-btn draw-cotrol-btn" hover-class="word-btn--hover" :hover-start-time="20" :hover-stay-time="70" @click="showDrawer('showRight')"><text class="word-btn-white">显示Drawer</text></view>
<uni-drawer ref="showRight" mode="right" :mask-click="false" @change="change($event,'showRight')">
<view class="scroll-view">
<scroll-view class="scroll-view-box" scroll-y="true">
<view class="info">
<text class="info-text">右侧遮罩只能通过按钮关闭,不能通过点击遮罩关闭</text>
</view>
<view class="close">
<view class="word-btn" hover-class="word-btn--hover" :hover-start-time="20" :hover-stay-time="70" @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></view>
</view>
<view class="info-content" v-for="item in 100" :key="item">
<text>可滚动内容 {{item}}</text>
</view>
<view class="close">
<view class="word-btn" hover-class="word-btn--hover" :hover-start-time="20" :hover-stay-time="70" @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></view>
</view>
</scroll-view>
</view>
</uni-drawer>
</view>

<script>
export default {
data() {
return {
showRight: false,
showLeft: false
}
},
methods: {
confirm() {},
// 打开窗口
showDrawer(e) {
this.$refs[e].open()
},
// 关闭窗口
closeDrawer(e) {
this.$refs[e].close()
},
// 抽屉状态发生变化触发
change(e, type) {
console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
this[type] = e
}
},
onNavigationBarButtonTap(e) {
if (this.showLeft) {
this.$refs.showLeft.close()
} else {
this.$refs.showLeft.open()
}
},
// app端拦截返回事件 ,仅app端生效
onBackPress() {
if (this.showRight || this.showLeft) {
this.$refs.showLeft.close()
this.$refs.showRight.close()
return true
}
}
}
</script>
···

操作步骤:

打开官方uni-app的demo例子,使用字节跳动小程序开发工具打开,点击右侧抽屉滑出,列表数据过长时,按住屏幕下拉无法滚动,开发工具上鼠标飞轮可以滚动,真机打包点击无法滚动页面

预期结果:

字节跳动小程序发布后,打开抽屉组件,页面内容超过屏幕高度时,拉动屏幕可以滑动内容,真机调试可以滑动

实际结果:

字节跳动小程序发布后,打开抽屉组件,页面内容超过屏幕高度时,拉动屏幕可以无法滚动内容,真机调试无法滚动内容

bug描述:

官方uni-app例子中Drawer 抽屉页面,打开抽屉页面,若内容超出屏幕长度,则无法滚动,H5,微信小程序均可滚动,只有字节跳动小程序无法滚动
字节跳动小程序打包发布到线上,真机无法滚动,模拟器上鼠标飞轮可以滑动

2020-09-25 17:55 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复