Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

关于flexible适配模式下picker组件的单位转换 #1979

Closed
petersmu opened this issue Sep 14, 2017 · 7 comments
Closed

关于flexible适配模式下picker组件的单位转换 #1979

petersmu opened this issue Sep 14, 2017 · 7 comments

Comments

@petersmu
Copy link
Contributor

目前项目中用到了flexible的适配处理,大部分的css都能正常从px转到相应rem,但昨天使用Picker组件时发现滚动部分的样式并没有转换为rem,手动强行修改css也只能改尺寸大小,但js的滚动距离部分还是存在问题,滚动位置是按px来计算的,导致滚动位置不准确。
我看了antd-mobile的picker,他们对这个滚动做了适配,单位依然是px,但会根据dpr来改变滚动距离,比如dpr=2时每一格是68px,dpr=3时每一格就是102px,这种适配能否加入到VUX中来呢?
问题样式如图:
image

@airyland
Copy link
Owner

可以建个简单能重现的 repo,我具体看看怎么解决。

@wg5945
Copy link
Collaborator

wg5945 commented Sep 15, 2017

参考 #1796 下的一些解决方案试试看呢

@petersmu
Copy link
Contributor Author

我改动了一下你的组件代码可以解决这个问题了,就是在picker创建的时候根据dpr来计算滚动距离,能把我写的这段代码加入到你的代码里面吗?对于不使用flexible的项目来说不会有什么影响的。
image
image
image

@airyland
Copy link
Owner

@petersmu v2.6.2 加了

@GreatAuk
Copy link

GreatAuk commented Apr 3, 2018

@petersmu 请问下,使用flexible做移动端的适配,vux所有组件的宽高样式是不是都要重写覆盖

@petersmu
Copy link
Contributor Author

petersmu commented Apr 3, 2018

@GreatAuk 是的,webpack打包的时候做转换

@wapelee
Copy link

wapelee commented Jul 20, 2018

@petersmu 请问如何在webpack打包的时候转换所有的pxtorem,且按指定的比例,感谢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants