微信小程序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; 且不能修改

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

微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
微信小程序使用vant-weapp中的索引栏右侧点不动，滚定索引失效问题
微信小程序使用vant-weapp中的索引栏右侧点不动,滚定索引失效问题 vant的索引栏只要使用了定位,或者自定义头部,那么vant的索引栏就会出现各种BUG,基本不能用,这里我是基本重新写了一个 ...
微信小程序在开发中遇到的问题与解决方法
微信小程序在开发中遇到的问题与解决方法参考文章: (1)微信小程序在开发中遇到的问题与解决方法 (2)https://www.cnblogs.com/zjjDaily/p/8032142.html ...
微信小程序云函数中的数据处理后返回
微信小程序云函数中的数据处理后返回本文主要演示的是,在微信云函数中调用数据库后,如何对获取的内容在云函数内处理后返回. 主函数 exports.main = async (event, contex ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
微信小程序，数据库中插入表情
微信小程序,数据库中插入表情错误提示使用的是django做的后台错误提示 django.db.utils.InternalError: (1366, "Incorrect string ...
微信小程序学习笔记——wxss使view填充整个页面
在页面中我们要将某个元素填充整个页面,使用height:100%,前提是给定父元素的高度,在普通的html中可以将body或者html的高度赋值为100%,接下开才可以在其中的子元素使用height: ...
微信小程序的省市区三级地址mysql_微信小程序picker实现的省市区三级联动
微信小程序的省市区三级联动需要使用到的是Picker多列选择器,参考文档:https://www.w3cschool.cn/weix..., 案例中用到的省市区的json文件在文后发出出来. 废话不多 ...
微信小程序picker组件
在小程序的开发应用中,我们会经常用到picker组件. 官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.h ...
实现微信小程序picker 省市区自定义数据支持三级联动
再使用微信小程序时发现当 mode="region" 时数据选择的省市区的数据不支持后台返回的数据以下实现后台返回数据操作先设置HTML name 字段名字要替换掉 ...

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

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

最新文章

热门文章