点击完勾选后的效果:
修改代码如下:
<van-checkbox v-model="checked" class="check-box-info" shape="square" checked-color="#FFDA99" icon-size="12px">
<div class="agreement"> 我已阅读并同意<span class="under-line" @click.stop="agreement(0)">《注册协议》 </span>
<span class="under-line" @click.stop="agreement(1)">《隐私政策》</span>
</div>
</van-checkbox>
/deep/.van-checkbox__icon--square{
position: absolute;
left: 1px;
top: 5px;
}
/deep/.van-checkbox__icon--checked .van-icon-success{
color: #8B5411;
}