input[type=checkbox]勾选框自定义样式
效果图：
<template>
<input class="rule-checkbox" type="checkbox" checked v-model="isChecked" />
</template><script setup lang="ts">
import { ref } from 'vue';
const isChecked = ref('');
</script><style scoped>.rule-checkbox {width: 16px;height: 16px;flex-shrink: 0;}input.rule-checkbox[type='checkbox'] {-webkit-appearance: none;border: 2px solid #3bc117;outline: none;border-radius: 4px;background: transparent;position: relative;
}
input.rule-checkbox[type='checkbox']:checked {background-color: transparent;
}
input.rule-checkbox[type='checkbox']:checked::after {margin-top: 0.32px;margin-left: 1.44px;content: '\2713';color: #3bc117;display: block;font-size: 8px;font-weight: bold;
}
</style>相关文章：
input[type=checkbox]勾选框自定义样式
效果图： <template> <input class"rule-checkbox" type"checkbox" checked v-model"isChecked" /> </template><script setup lang"ts"> import { ref } from vue; const isChecked ref(); </…...
鼠害监测系统：科技守护农业安全
在农业生产中，鼠害一直是威胁作物安全、影响产量的重要因素。然而，随着科技的飞速发展，鼠害监测系统正逐步成为现代农业防治鼠害的重要利器。 鼠害监测系统巧妙融合了现代光电、数控及物联网技术，实现了诱鼠、投喂鼠药、鼠情监测及…...
Ubuntu20.04如何安装配置JDK
资源准备 官方下载地址（根据自己的系统版本选择不同版本进行下载即可）：Java Downloads | Oracle 如无特殊需要可直接移步至下方JDK1.8安装包 https://download.csdn.net/download/qq_43439214/89646731 安装步骤 创建Java目录 sudo mkdir …...
Python3网络爬虫开发实战（9）代理的使用 （需补充代理池的构建）
文章目录 一、代理的设置1.1 urllib 的代理设置1.2 requests 的代理设置1.3 httpx 的代理设置1.4 aiohttp 的代理设置1.4 Selenium 的代理设置1.6 Playwright 的代理设置 二、代理池的构建和维护2.1 代理池的模块构成2.2 代理池的实现 网站为了避免爬虫采集数据可能会采取一些反…...
人际关系中的价值交换原理，在人类社会的复杂网络中，人际关系犹如一根根交织的丝线，将我们彼此紧密相连
人际关系中的价值交换原理，在人类社会的复杂网络中，人际关系犹如一根根交织的丝线，将我们彼此紧密相连。无论是亲情、友情还是爱情，这些关系在表面的情感纽带之下，实则都涉及到价值交换的原理。这种价值交换并非仅仅局限于物质层面，而是涵盖了情感、心理等人类所需的一切…...
西安电子科技大学萌新智慧指南（校区篇）
本次是西安电子科技大学南校区【本部南校区】 刚刚进入校园 相信大家对校园环境还很陌生 接下来就用一张地图 带大家迅速了解一下南校区的构造 宿舍 学生宿舍主要分为三部分 竹园公寓 1-4 海棠公寓 5-10 丁香公寓 11-15 研究生们主要居住在 海棠续建5、丁香14、丁香1…...
JavaScript基础(33)_鼠标滚轮滚动事件、键盘事件
鼠标滚轮滚动事件：onwheel 获取鼠标滚轮滚动的方向：wheelDelta 比如：向上滚动：109 （所有正值都是向上） 向下滚动：-109（所有负值都是向下） 注意：当…...
怎样做网站推广
拥有一个精致而富有吸引力的网站是成功商业运营的关键。然而，仅仅拥有一个网站是不够的，您还需要通过有效的推广策略吸引更多的访问者。以下是一些成功的网站推广策略，帮助您提升流量并增加知名度。 1. 优化SEO： 搜索引擎优化&am…...
Unity引擎加密方案解析
据悉，Unity引擎的全球市场占有率已经超过50%，而在全球排名前1000的手游当中，这一数据更是高达73%。不止如此，Unity在中国拥有高达350万的注册用户，《崩坏星穹铁道》、《王者荣耀》等爆款游戏均为Unity引擎开发。 庞大…...
遇到的几个iOS问题
1 unable to boot the simulator 跑模拟器的时候遇到这个报错， 解决方法 处理办法： 删除升级之前的模拟器缓存，重启模拟器。删除路径：~/Library/Developer/CoreSimulator/Cache 注意：后面可能还会复现这个报错&#x…...
掌握ChatGPT写作艺术：从入门到精通的四个层次
这些周末我仔细研究了如何通过优化提示词提升ChatGPT输出内容的质量。 关于如何使用ChatGPT辅助我们的写作，我归纳了以下规律，希望能为你带来启发。 一、写作步骤 撰写一篇文章，思路上必须是从抽象到具体逐步深入。 首先我们需要明确写什么…...
虚幻UE5安装报错误代码：SU-PQR5
找到图标的快捷方式 “Epic Games Launcher”右键属性，在目标最后添加-SkipBuildPatchPrereq，如下图： 最后，见证奇迹成功打开软件，可以继续安装啦。 参考资料： 【图片】求教各位大佬--错误代码SU-PQR5【ep…...
谷歌开源Gemma-2 百亿参数大模型，性能超越Llama-3模型，免费使用
Gemma 模型 Gemma模型是谷歌发布的一个开源模型，任何人都可以免费下载预训练模型，进行使用。而谷歌最近也发布了Gemma 2 模型，模型参数超过了 200 亿大官，果真大模型最后都是拼参数的时候吗。 Gemma 2 模型发布 Gemma 2 模型可以…...
人工智能与机器学习原理精解【12】
文章目录 分级聚类理论分级聚类的详细说明1. 定义2. 算法3. 计算4. 例子5. 例题 皮尔逊相关系数 julia实现 参考文献 分级聚类 理论 分级聚类的详细说明 1. 定义 分级聚类（Hierarchical Clustering），又称为层次聚类，是一种通过…...
openEuler系统安装Visual Studio Code
openEuler系统安装Visual Studio Code 背景安装密钥和存储库更新包缓存并使用dnf安装包Fedora 22及以上版本旧版本使用yum 安装过程截图安装成功看桌面效果 背景 openEuler(openEuler-24.03-LTS)安装了麒麟UKUI桌面但是没有麒麟软件商店想安装Visual Studio Code 安装密钥和…...
Qt 系统相关 - 事件
目录 1. 事件介绍 2. 事件的处理 示例1：处理鼠标进入和离开 示例2：当鼠标点击时，获取对应的坐标值； 3. 按键事件 3.1 单个按键 3.2 组合按键 4. 鼠标事件 4.1 鼠标单击事件 4.2 鼠标释放事件 4.3 鼠标双击事件 4.4 鼠标…...
Ubuntu最小化命令行系统 安装GUI 远程桌面
Ubuntu 服务器 安装GUI 更新、升级 sudo apt update && sudo apt upgrade安装桌面环境 sudo apt install taskselsudo apt install ubuntu-desktop安装显示登录管理器 sudo apt install lightdm安装 lightdm 时系统会让选择默认的显示管理器，选择lightd…...
Web前端：CSS篇（二）背景，文本，链接
CSS 背景 背景颜色 background-color 属性定义了元素的背景颜色. 页面的背景颜色使用在body的选择器中: body {background-color:#b0c4de;} CSS中，颜色值通常以以下方式定义: 十六进制 - 如："#ff0000"RGB - 如："rgb(255,0…...
ubuntu 24.04 软件源配置，替换为国内源
ubuntu 默认的官网源下载速度非常慢，新装 ubuntu 系统首先把 apt 软件源替换成国内源。 1、使用软件和更新设置国内源 打开软件和更新，选择位于中国的服务器： 外链图片转存失败，源站可能有防盗链机制，建议将图片保存…...
【Java 并发编程】(三) 从CPU缓存开始聊 volatile 底层原理
并发编程 三大问题 在并发编程中，原子性、有序性和可见性是三个重要的问题，解决这三个问题是保证多线程程序正确性的基础。原子性: 指的是一个操作不可分割, 要么全部执行完成, 要么不执行, 不存在执行一部分的情况.有序性: 有序性是指程序的执行顺序与…...
Linux 文件类型，目录与路径，文件与目录管理
文件类型 后面的字符表示文件类型标志 普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。 目录文件：d（directory） 用来存放其他文件或子目录。 设备…...
【Linux】shell脚本忽略错误继续执行
在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。 举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...
.Net框架，除了EF还有很多很多......
文章目录 1. 引言2. Dapper2.1 概述与设计原理2.2 核心功能与代码示例基本查询多映射查询存储过程调用 2.3 性能优化原理2.4 适用场景 3. NHibernate3.1 概述与架构设计3.2 映射配置示例Fluent映射XML映射 3.3 查询示例HQL查询Criteria APILINQ提供程序 3.4 高级特性3.5 适用场…...
STM32F4基本定时器使用和原理详解
STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...
渲染学进阶内容——模型
最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...
省略号和可变参数模板
本文主要介绍如何展开可变参数的参数包 1.C语言的va_list展开可变参数 #include <iostream> #include <cstdarg>void printNumbers(int count, ...) {// 声明va_list类型的变量va_list args;// 使用va_start将可变参数写入变量argsva_start(args, count);for (in…...
WEB3全栈开发——面试专业技能点P4数据库
一、mysql2 原生驱动及其连接机制 概念介绍 mysql2 是 Node.js 环境中广泛使用的 MySQL 客户端库，基于 mysql 库改进而来，具有更好的性能、Promise 支持、流式查询、二进制数据处理能力等。 主要特点： 支持 Promise / async-await…...
李沐--动手学深度学习--GRU
1.GRU从零开始实现 #9.1.2GRU从零开始实现 import torch from torch import nn from d2l import torch as d2l#首先读取 8.5节中使用的时间机器数据集 batch_size,num_steps 32,35 train_iter,vocab d2l.load_data_time_machine(batch_size,num_steps) #初始化模型参数 def …...
AWSLambda之设置时区
目标 希望Lambda运行的时区是东八区。 解决 只需要设置lambda的环境变量TZ为东八区时区即可，即Asia/Shanghai。 参考 使用 Lambda 环境变量...
Python打卡训练营学习记录Day49
知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义 作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...