search

didi / mand-mobile

💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
https://didi.github.io/mand-mobile
Apache License 2.0
3.46k stars 772 forks source link

Picker 选择器运行在真机上，似乎对不准。 #50

Closed snowdream closed 6 years ago

snowdream commented 6 years ago

https://didi.github.io/mand-mobile/#/docs/components/feedback/picker

Picker 选择器运行在真机上，似乎对不准。 线压在字的上面。 simulator screen shot - iphone x - 2018-04-25 at 21 37 56

xxyan0205 commented 6 years ago

这个地方是由于响应式方案差异 #45 导致引起的，因为Picker内部分尺寸写死了，导致不能完成响应式。能否提供下设备的相关尺寸信息，比如屏幕的宽高等。

snowdream commented 6 years ago

@xxyan0205 iphone 6 sp, 小米 红米note3.

javaskip commented 6 years ago

补充2个问题： 前提：Picker组件在 is-view 为 false 时，且在 mounted 重新设置过 pickerDefaultIndex 后。

  1. Picker组件内部滑动出现问题：比如第一列滑动不到最后一个元素。

  2. 如果不设置 pickerDefaultIndex ，则在2列的情况下，第2列不能默认选择第1个选项。

    • 需要滑动到第2个，再滑动回第1个，第2列才可以默认选择第1个选项
    • 3列的情况，没有验证
    • 复现代码、环境 同问题1
xxyan0205 commented 6 years ago

@snowdream 按照你的配置，在以上机型没有复现这个问题，是否尝试过在普通浏览器或微信中是否存在这个问题，如果可以的话帮忙提供一个可复现问题的链接，谢谢。

LetHergo commented 6 years ago

@xxyan0205 能否提供一下省市区的json数据 例如cube-ui CascadePicker组件中的address picker

xxyan0205 commented 6 years ago

@LetHergo 这是一个测试用的数据，无法保证准确和完整性，建议还是找一份比较权威准确数据。 https://github.com/didi/mand-mobile/blob/master/components/picker/demo/data/district.js

LetHergo commented 6 years ago

@xxyan0205

_20180504101014

  1. 如图所示 mounted中重置了pickerDefaultIndex 为[5,1,1] 但是第一列最多滚动到北京 滚不到下面

  2. 真机测试的时候 点击打开picker和selector基本打不开... 偶尔点击十次可能打开一次的样子 一样的代码 在PC端chrome可以打开 真机为 iphone6plus 浏览器为safari和chrome

xxyan0205 commented 6 years ago

@LetHergo 关于问题1 #55 已修复，会在v1.1发布。问题2中的"打不开"是click事件响应么？先排除下是否是点击的问题 传送门