1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序picker-view中的view的高度修改问题 只能用px单位

微信小程序picker-view中的view的高度修改问题 只能用px单位

时间:2023-08-24 01:13:49

相关推荐

微信小程序picker-view中的view的高度修改问题 只能用px单位

环境:微信小程序

picker-view组件的官方文档说:

picker-view-column

仅可放置于picker-view中,其孩子节点的高度会自动设置成与picker-view的选中框的高度一致

indicator-style用来设置picker-view的选中框的样式

wxml代码:

<picker-view wx:if="{{years.length>0 && months.length>0 && days.length>0}}" indicator-style="height:50px;" style="width: 100%; height: 300rpx;" value="{{value}}" bindchange="bindChange"><picker-view-column><view wx:for="{{years}}" style="line-height:50px;" wx:key="{{index}}">{{item}}年</view></picker-view-column><picker-view-column><view wx:for="{{months}}" style="line-height:50px;" wx:key="{{index}}">{{item}}月</view></picker-view-column><picker-view-column><view wx:for="{{days}}" style="line-height:50px;" wx:key="{{index}}">{{item}}日</view></picker-view-column></picker-view>

也就是说当picker-view的属性indicator-style=”height:50px;”设置以后

<picker-view-column><view wx:for="{{months}}" style="line-height:50px;" wx:key="{{index}}">{{item}}月</view></picker-view-column>

这里picker-view-column中的子元素view的高度也已经规定了为height:50px;如果在style中或者wxss中修改都是无效的。

⚠️注意:view的默认高度是34px;

⚠️注意:只支持indicator-style=”height:50px;”设置时用px单位

indicator-style="height:50rpx;"

rpx设置无效,view的高度会是默认的34px; 且不能修改

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。