楼主解决这个问题了吗,我也遇到了这个问题,不能设置宽度,好烦
picker组件设置flex后导致内部view宽度/高度丢失wxml代码 [代码]<[代码][代码]picker[代码] [代码]class[代码][代码]=[代码][代码]"pickContainer"[代码] [代码]range[代码][代码]=[代码][代码]"{{[1,2,3,4]}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"pickerContentContainer"[代码][代码]>下拉选择</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]picker[代码][代码]>[代码]样式代码 [代码].pickContainer{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码] [代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: flex-start;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]blue[代码][代码]; [代码][代码] [代码][代码].pickerContentContainer{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码] [代码][代码]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. 如果有其他更好的方案,请指点下!谢谢!
2018-10-01