uni-app 修改复选框checkbox选中后背景和字体颜色

ops/2024/11/24 1:16:58/

编写css(注意:这个样式必须写在App.vue里)

/* 复选框 */
/* 复选框-圆角 */
checkbox.checkbox-round .wx-checkbox-input,
checkbox.checkbox-round .uni-checkbox-input {border-radius: 100rpx;
}
/* 复选框-背景颜色 */
checkbox.checkbox-backgroun-yellow[checked] .wx-checkbox-input,
checkbox.checkbox-backgroun-yellow.checked .uni-checkbox-input{background-color: #FFC457 !important;border-color: #FFC457 !important;color: #ffffff !important;
}

使用,在checkbox中的class中使用在round和checkbox-backgroun-yellow

<checkbox-group @change="signTypeChange"><label class="mr-10"><checkbox v-if="isShowSignIn" class="checkbox-backgroun-yellow" checked="true" value="1" >签到</checkbox></label><label><checkbox v-if="isShowSignOut" class="checkbox-backgroun-yellow" checked="true" value="2" >签退</checkbox></label>
</checkbox-group>

效果


http://www.ppmy.cn/ops/136182.html

相关文章

STM32完全学习——系统时钟设置

一、时钟框图的解读 首先我们知道STM32在上电初始化之后使用的是内部的HSI未经过分频直接通过SW供给给系统时钟&#xff0c;由于内部HSI存在较大的误差&#xff0c;因此我们在系统完成上电初始化&#xff0c;之后需要将STM32的时钟切换到外部HSE作为系统时钟&#xff0c;那么我…

NVR管理平台EasyNVR多个NVR同时管理:全方位安防监控视频融合云平台方案

EasyNVR是基于端-边-云一体化架构的安防监控视频融合云平台&#xff0c;具有简单轻量的部署方式与多样的功能&#xff0c;支持多种协议&#xff08;如GB28181、RTSP、Onvif、RTMP&#xff09;和设备类型&#xff08;IPC、NVR等&#xff09;&#xff0c;提供视频直播、录像、回放…

【ChatGPT】让ChatGPT生成特定时间段或主题的文章

让ChatGPT生成特定时间段或主题的文章 ChatGPT能够根据指定时间段或主题生成内容&#xff0c;关键在于清晰地编写Prompt以提供足够的上下文和细节信息。本文将介绍如何通过有效的提示语设计&#xff0c;利用ChatGPT生成符合特定时间段或主题需求的文章。 一、为什么需要指定时…

OpenAI 是怎么“压力测试”大型语言模型的?

OpenAI 再次稍微揭开了它的安全测试流程的面纱。上个月&#xff0c;他们分享了一项调查的结果&#xff0c;这项调查研究了 ChatGPT 在根据用户名字生成性别或种族偏见的几率。现在&#xff0c;他们又发布了两篇论文&#xff0c;详细描述了如何对大型语言模型进行“压力测试”&a…

mac homebrew国内镜像源安装

最近换电脑了&#xff0c;需要安装homebrew&#xff0c;结果发现访问不了github&#xff0c;导致安装失败&#xff0c;报错信息如下&#xff1a; curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 1 ms: Couldnt connect to server解决方法 使用国内…

【软件测试】设计测试用例的万能公式

文章目录 概念设计测试用例的万能公式常规思考逆向思维发散性思维万能公式水杯测试弱网测试如何进行弱网测试 安装卸载测试 概念 什么是测试用例&#xff1f; 测试⽤例&#xff08;Test Case&#xff09;是为了实施测试⽽向被测试的系统提供的⼀组集合&#xff0c;这组集合包…

Qt 开发笔记

上层控件遮挡底部控件 setAttribute(Qt::WA_TranslucentBackground); // 设置控件透明设置控件透明 存在一些事件会被过滤 setAttribute(Qt::WA_NoSystemBackground); // 使事件生效WA_OpaquePaintEvent //未验证树结构 子节点设置缩进宽度 treewidget 设置子节点缩进 setInde…

Semaphore 信号量

文章目录 基本概念工作原理Semaphore 与 ReentrantLockSemaphore常用场景1. 限制并发线程数&#xff08;最常见场景&#xff09;2. 公平模式的信号量&#xff08;保证按顺序访问资源&#xff09;3. 限制数据库连接数&#xff08;模拟数据库连接池&#xff09;4. 限制 API 请求次…