运行你的uniapp项目,并测试圆形复选框是否按预期工作。确保点击复选框时,.circle 类的.active 状态正确切换,并且复选框的外观符合预期。 这种方法不依赖于直接修改checkbox组件的内部样式,而是通过外部容器和自定义图标来实现圆形复选框的效果,这在uniapp中通常是可行的。
/* 复选框未选中前的样式 */ /deep/ .uni-checkbox-input { width: 36upx; height: 36upx; border-radius: 50%; margin-right: 0; border: 1px solid #888888; } /* 复选框取消默认样式 */ /deep/ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before { font: normal normal norm...
#横向两端排列形式 可以通过设置iconPlacement为left或者right,将复选框勾选图标的对齐设置为左对齐或者右对齐 API #Checkbox Props CheckboxGroup Props
Input 输入框组件优化 ,新增 number 属性,修复v-model.number在小程序平台值未转化为Number类型问题。 修复Grid 宫格组件 ref 被误删除导致报错的问题。 修复并优化Circle 圆形进度条组件在nvue端出错的问题。 修复vue2下使用wxs初始化时可能报错的问题。 ActionSheet 上拉菜单组件优化,新增属性 safeArea 控制是否需...
参数说明类型默认值可选值 namecheckbox的名称String \ Number-- shape形状,square为方形,circle为圆型Stringsquarecircle disabled是否禁用Boolean-- labelDisabled是否禁止点击提示语选中复选框String \ Boolean-- activeColor选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值String-- ...
文章 2024-01-03 来自:开发者社区 uniapp中组件库的Checkbox 复选框 的丰富使用方法 复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便#平台差异说明App(vue)App(nvue)H5小程序√√√#基本使用<template> <view> <u-checkbox-group v-model="checkboxValue1" placement="column"... 共...
3.4 单选开关和复选框 3.5 输入框及表单 3.6 进度指示器 第四章:布局类组件 4.1 布局类组件简介 4.2 布局原理与约束(constraints) 4.3 线性布局(Row和Column) 4.4 弹性布局(Flex) ... 第五章:容器类组件 5.1 填充(Padding) 5.2 装饰容器(DecoratedBox) 5.3 变换(Transform...
3.4 单选开关和复选框 3.5 输入框及表单 3.6 进度指示器 第四章:布局类组件 4.1 布局类组件简介 4.2 布局原理与约束(constraints) 4.3 线性布局(Row和Column) 4.4 弹性布局(Flex) ... 第五章:容器类组件 5.1 填充(Padding) 5.2 装饰容器(DecoratedBox) 5.3 变换(Transform...
Field 输入框 Checkbox 复选框 Radio 单选框 Switch 开关选择器 Slider 滑动选择器 数据组件 CircleProgress 圆形进度条 LineProgress 线形进度条 Table 表格 CountDown 倒计时 CountTo 数字滚动 反馈组件 ActionSheet 操作菜单 AlertTips 警告提示 Toast 消息提示 NoticeBar 滚动通知 TopTips 顶部提示 Collapse 折叠...
复选框组件,用于多选,支持v-model 属性必填默认值可选值示例值说明 title 否 表单标题,不要标题,请设置titleWidth=0 titleWidth 否 90 数值即可 100 复选框表单的左侧标题占位的宽度 name 是 表单的name titleName 否 如果需要选中选项的标题也传服务端,请定义该字段 value 否 value='1,2,3,5' 表单的va...