次のステップに進む前に契約書を読むオプションを記録します。
<checkbox-group @change="handleChange">
<label >
<checkbox />
<view >我已阅读并同意
<text class="col-g" @click="handleXI">《用户协议》</text>
<text class="col-g" @click="handleYX">《隐私协议》</text>
</view>
</label>
</checkbox-group>
data() {
return {
//判断是否勾选
value: ''
}
},
handleChange(e) {
this.value = e.detail.value;
console.log(this.value);
if(this.value.length == 0){
uni.$u.toast('请勾选《用户协议》《隐私协议》!')
}else{
console.log('勾选成功')
}
},
ちなみに、
uni-appのチェックボックスのチェックボックスのサイズ調整に
はtransform:scale()が必要ですが、
個人的には0.7サイズの方が適切だと思います
参考コードは以下の通りです
<checkbox
style="transform: scale(0.7)"
:checked="item.isChecked"
:value="item.isChecked"
class="more"
></checkbox>