我爱小程序
| 问题模块 | 框架类型 | API/组件名称 | 终端类型 | 操作系统 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|---|
| API和组件 | 小程序 | picker | iOS | 6.6.3 | 1.9.8 |
wxml代码
<picker class="pickContainer" range="{{[1,2,3,4]}}"> <view class="pickerContentContainer">下拉选择</view></picker> |
样式代码
.pickContainer{
height: 100%; display: flex; justify-content: flex-start; align-items: center; background: blue; .pickerContentContainer{ width: 100%; height: 100%; font-size: 28rpx; background: red; }} |
问题1：picker是否推荐设置样式？
问题2：如果设置样式
场景1：picker组件默认display:block; 其内部view表现为高度丢失，如下图：
场景2：如果设置为display:flex后，其内部的view会宽度丢失，如下图：
场景3: 设置align-items:center;后，宽度高度全部丢失，如下图：
疑问1：picker组件的样式是否和view类似，支持常规样式设置，或是需要进行兼容？
疑问2：picker组件在不添加内部的view的时候，是否规定了无法调起选择器弹层？
官方demo:
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker"> 当前选择：{{array[index]}} </view></picker> |
Tips:
1. 如果有任何错误，请留言告知，谢谢！
2. 对于测试代码中的颜色，请不要纠结
3. 我只是想让内部的view能撑满整个右边部分的空间
4. 如果有其他更好的方案，请指点下！谢谢！
网友回复
明天：
楼主解决这个问题了吗，我也遇到了这个问题，不能设置宽度，好烦
刘梁杰：
今天遇到，顶一下