6***@qq.com
6***@qq.com
  • 发布:2018-12-24 16:01
  • 更新:2018-12-24 16:01
  • 阅读:1048

【报Bug】mui侧滑菜单 主页内容用5+播放视频,无法正常侧滑,视频无法移动

分类:MUI

详细问题描述(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
侧滑菜单,主内容区域有5+视频播放,侧滑时视频无法滑动
重现步骤
[步骤]
侧滑侧滑菜单
[结果]

侧滑菜单被遮挡,视频无法滑动
[期望]
[如果语言难以表述清晰,可以拍一个视频或截图,有图有真相]
正常显示侧滑菜单和内容区域视频
IDE运行环境说明
[HBuilder 或 HBuilderX]
HBuilder

9.1.29.201811231920

[IDE版本号]
[windows版本号]
win10
[mac版本号]

App运行环境说明
[Android版本号]
5.0
[iOS版本号]
[手机型号]
[模拟器型号]
逍遥游模拟器
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable slide_menu">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">

        </div>  
    </aside>  
    <!-- 主页面容器 -->  
    <div class="mui-inner-wrap">  
        <!-- 主页面标题 -->  
        <header class="mui-bar mui-bar-nav" style='background-color: #E70012;'>  
            <h1 class="mui-title" style='color: #fff !important;font-size: 22px;'>首页</h1>  
        </header>  
        <div class="mui-content mui-scroll-wrapper">  
            <div class="mui-scroll">  
                <div class="main-body">                    
                    <div id="video" style='position: absolute;left: 0px'>  
                        <div id="videoLead" style="padding-left:15px;margin-bottom:10px">视频介绍</div>  
                        <video playsinline controls id='videos'></video>  
                        <!-- <div id="videos" style="margin-top:20px;width:100%;height:200px;background-color:#000000;margin:auto"></div> -->  
                    </div>  
                </div>  
        </div>  
    </div>  

</div>  

<script>
video = new plus.video.VideoPlayer('videos', {
src: "",
poster:''
});
</script>
[安装包]

联系方式
[QQ]617982010

2018-12-24 16:01 负责人:无 分享
已邀请:

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