weui.js icon indicating copy to clipboard operation
weui.js copied to clipboard

picker组件怎么修改列表每一行的高度(rowHeight)

Open maMark opened this issue 6 years ago • 4 comments

列表每一行的高度默认是34px,如何改变这个值?怎么调整才不会影响滚动的计算?

maMark avatar Sep 20 '17 07:09 maMark

你是不是用了 lib-flexible 放缩了页面,或者安卓机 meta viewport 的私有属性 taget-dpi 什么的,导致页面被缩放了,所以滚动距离也出了问题。 源码 压缩版的 大概1700行,没压缩的大概 3000多行,直接搜 rowHeight,用 34 * 缩放倍数 ,就可以,比如 2倍缩放就是 rowHeight = 34 * 2;

sushuier avatar Oct 18 '17 06:10 sushuier

@maMark 是的,目前这34是hardcode的,后期会做一下优化

BearJ avatar Jan 25 '18 14:01 BearJ

改了之后没反应怎办? var defaults = _util2.default.extend({ items: [], // 数据 scrollable: '.weui-picker__content', // 滚动的元素 offset: 3, // 列表初始化时的偏移量(列表初始化时,选项是聚焦在中间的,通过offset强制往上挪3项,以达到初始选项是为顶部的那项) rowHeight: 34 * 10, // 列表每一行的高度 onChange: _util2.default.noop, // onChange回调 temp: null, // translate的缓存 bodyHeight: 7 * 34 // picker的高度,用于辅助点击滚动的计算 }, options);

acme-h avatar Dec 07 '18 04:12 acme-h

你们修改源码rowHeight有反应吗

dongyuying avatar Apr 13 '20 07:04 dongyuying