uniapp复选框封装模板之后不显示复选框

自己实现一下复选框。根据查询uniapp相关资料得知，当uniapp复选框封装模板之后不显示复选框，这种情况需要自己去实现一下复选框的效果，其次查看一下打开的方式是否正确。uni-app是一个使用Vuejs开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

在微信小程序里面，有时候为了配合整个项目的风格，checkbox的样式会有些不同。

如何修改：

1 修改checkbox样式

wxml

<checkbox-group class='pull-left' bindchange="checkboxChange">

<label class="checkbox flex flex-vc ">

<checkbox bindchange='checkboxChange' value="" checked="{{checkboxStatus}}" color='#fff'/>

<view>可用2000个积分币抵扣</view>

</label>

</checkbox-group>

wxss

/ checkbox未选中时样式 /

checkbox wx-checkbox-input{

border-radius: 3rpx;

height: 26rpx;

width: 26rpx;

margin-top: -4rpx;

/ 自定义样式 /

}

/ checkbox选中时样式 /

checkbox wx-checkbox-inputwx-checkbox-input-checked::before{

background-color: #e02e24;

border: 1rpx solid #e02e24;

/ 自定义样式 /

}

checkbox的value值

1如果一个数组里面包含对象，那么checkbox可以携带value值，并不影响里面内容的渲染，这个对于当前点击的是谁，有个好的标识。

通过edetailvalue获取。当前点击list的某一项。

以上就是关于uniapp复选框封装模板之后不显示复选框全部的内容，包括:uniapp复选框封装模板之后不显示复选框、微信小程序如何去掉checkbox前面的方框、小程序的checkbox的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！