uview - Checkbox 复选框设置 placement 属性 row / column 无效（排列方式无法横向只能纵向排列）

问题描述

当前版本为 uview 2.X，复选框组件提供的 placement 设置任何值都无法横向排列的问题。

如下图所示，默认为 纵向排列，无论怎么设置都不起作用。

我们想要的是 横向排列。

解决方案

这个问题或许以后就会被修复，目前直接简单粗暴的方法，使用 /deep/ 深度选择器直接覆盖。

打开该组件所在页面，加入以下代码：

/deep/ .u-checkbox-label--left{
	display: inline-block;
	width: 200rpx;
	vertical-align: middle;
}

/deep/ .u-checkbox__icon-wrap--square{
	display: inline-block;
	vertical-align: middle;
}