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 底层原理
并发编程 三大问题 在并发编程中，原子性、有序性和可见性是三个重要的问题，解决这三个问题是保证多线程程序正确性的基础。原子性: 指的是一个操作不可分割, 要么全部执行完成, 要么不执行, 不存在执行一部分的情况.有序性: 有序性是指程序的执行顺序与…...
遍历 Map 类型集合的方法汇总
1 方法一 先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...
微信小程序 - 手机震动
一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码 注：文档 https://developers.weixin.qq…...
浅谈不同二分算法的查找情况
二分算法原理比较简单，但是实际的算法模板却有很多，这一切都源于二分查找问题中的复杂情况和二分算法的边界处理，以下是博主对一些二分算法查找的情况分析。 需要说明的是，以下二分算法都是基于有序序列为升序有序的情况…...
Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战
说明：这是一个机器学习实战项目（附带数据代码文档），如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 在金融市场日益复杂和波动加剧的背景下，风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...
搭建DNS域名解析服务器(正向解析资源文件)
正向解析资源文件 1）准备工作 服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2）服务端安装软件：bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...
Linux部署私有文件管理系统MinIO
最近需要用到一个文件管理服务，但是又不想花钱，所以就想着自己搭建一个，刚好我们用的一个开源框架已经集成了MinIO，所以就选了这个 我这边对文件服务性能要求不是太高，单机版就可以 安装非常简单，几个命令就…...
电脑桌面太单调，用Python写一个桌面小宠物应用。
下面是一个使用Python创建的简单桌面小宠物应用。这个小宠物会在桌面上游荡，可以响应鼠标点击，并且有简单的动画效果。 import tkinter as tk import random import time from PIL import Image, ImageTk import os import sysclass DesktopPet:def __i…...
MeshGPT 笔记
[2311.15475] MeshGPT: Generating Triangle Meshes with Decoder-Only Transformers https://library.scholarcy.com/try 真正意义上的AI生成三维模型MESHGPT来袭！_哔哩哔哩_bilibili GitHub - lucidrains/meshgpt-pytorch: Implementation of MeshGPT, SOTA Me…...
python打卡day49@浙大疏锦行
知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义 作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 一、通道注意力模块复习 & CBAM实现 import torch import torch.nn as nnclass CBAM(nn.Module):def __init__…...
第2篇：BLE 广播与扫描机制详解
本文是《BLE 协议从入门到专家》专栏第二篇，专注于解析 BLE 广播（Advertising）与扫描（Scanning）机制。我们将从协议层结构、广播包格式、设备发现流程、控制器行为、开发者 API、广播冲突与多设备调度等方面，全面拆解这一 BLE 最基础也是最关键的通信机制。 一、什么是 B…...