antd-design-vue checkbox-group 自定义选项内容

Posted 2023-03-21

参考技术A 去掉check-group里的options,直接拆成一个个的checkbox。

tips：从第二个checkbox开始，有默认的margin-left:8px

<a-checkbox-group v-model="cao_value" @change="choiceCaoType">

<a-checkbox value="平台会员佣金">

<span class="inblock w200">平台会员佣金</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

<a-checkbox value="酒店会员交叉平台入账" class="mart10" style="margin-left: 0" >

<span class="inblock w200">酒店会员交叉平台入账</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

<a-checkbox value="酒店会员交叉运营入账" class="mart10">

<span class="inblock w200">酒店会员交叉运营入账</span>

<a-input placeholder="默认全部可提现金额" class="inblock w200" />

<span class="color_999999 marl10">人民币金额，正数。</span>

</a-checkbox>

</a-checkbox-group>