XLL
XLL
  • 发布:2019-09-11 14:40
  • 更新:2019-09-12 10:54
  • 阅读:644

【报Bug】picker-view

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
picker-view滚动选择器通过微信浏览器打开的页面,显示有问题并且不能滚动

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HbuilderX
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
2.2.2.20190816
[windows版本号]
windows 10
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
H5
[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX
[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]
12.4.1
[手机型号]
iPhone7
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<picker-view indicator-style="height:40px;" class="mpvue-picker-view" :value="pickerValue">
<block>
<picker-view-column>
<view class="picker-item" v-for="(item,index) in firstLevel" :key="index">{{item.name}}</view>
</picker-view-column>
<picker-view-column>
<view class="picker-item" v-for="(item,index) in secondLevel" :key="index">{{item.name}}</view>
</picker-view-column>
</block>
</picker-view>

firstLevel:[{name:"频道"},{name:"片区"},{name:"自定义"}],
secondLevel:[{name:"全部"},{name:"频道1"},{name:"频道2"},{name:"频道3"},{name:"频道4"},{name:"频道5"}],

联系方式

936074788
[QQ]

2019-09-11 14:40 负责人:无 分享
已邀请:
XLL

XLL (作者) - 卑微的程序员

展示的样式问题如图所示

陈晨1

陈晨1

你好,方便提供更完整一些的测试代码吗

XLL

XLL (作者) - 卑微的程序员

''' html  
<picker-view indicator-style="height: 40px;" class="mpvue-picker-view" :value="pickerValue">  
                        <block>  
                            <picker-view-column>  
                                <view class="picker-item" v-for="(item,index) in firstLevel" :key="index">{{item.name}}</view>  
                            </picker-view-column>  
                            <picker-view-column>  
                                <view class="picker-item" v-for="(item,index) in secondLevel" :key="index">{{item.name}}</view>  
                            </picker-view-column>  
                        </block>  
                    </picker-view>  
'''  
'''javascript  
firstLevel:[{name:"频道"},{name:"片区"},{name:"自定义"}],  
secondLevel:[{name:"全部"},{name:"频道1"},{name:"频道2"},{name:"频道3"},{name:"频道4"},{name:"频道5"}],  
'''  
'''style  
.picker-item {  
        text-align: center;  
        line-height: 40px;  
        font-size: 16px;  
    }  

    .mpvue-picker-view {  
        position: relative;  
        bottom: 0;  
        left: 0;  
        width: 100%;  
        height: 200px;  
        background-color: rgba(255, 255, 255, 1);  
    }  
'''

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