首页 > 其他分享 >el-color-picker颜色取色器

el-color-picker颜色取色器

时间:2024-06-13 18:03:50浏览次数:25  
标签:picker el none color 取色 __ border

1.取色器基本样式 elementUI中取Element - The world's most popular Vue UI framework

<el-color-picker v-model="color1"></el-color-picker>

原本样式

2.修改样式成圆形

::v-deep .el-color-picker{
		 .el-color-picker__color{
			border-radius: 50%;
		    border: none;
		  }
		   .el-color-picker__trigger{
		      border: none;
		    }
			.el-color-picker__color-inner{
				border-radius: 50%;
				width:30px;
				height:30px;
				//width: 81px;
				//height: 35px;
				//border: 1px solid #eee;
			}
			.el-icon{
				display: none;
			}
	}

标签:picker,el,none,color,取色,__,border
From: https://blog.csdn.net/qq_55961367/article/details/139526781

相关文章

  • 在Django中使用Celery
    首先需要确保安装依赖pipinstallceleryrediseventlet在创建的app文件内添加tasks.py#app01/tasks.pyfromceleryimportshared_task@shared_taskdefsimple_task():print('Taskexecutedsuccessfully')在项目目录下(与settings.py文件同级)添加celery.py......
  • DellR730安装ESXI Ubuntu安装显卡失败问题
    ESXI显卡直通车安装显卡驱动配置清单如下本地服务器型号:DellR730系统:ubuntu20.4显卡:NvidiaP40虚拟化操作系统:esxi6.7.0驱动版本:NVIDIA-Linux-x86_64-440.95.01.run 禁用Nouveau(这一步很关键)sudovi/etc/modprobe.d/blacklist-nouveau.conf添加如下内容blacklistn......
  • springboot Invalid bound statement (not found): com.elitel.xxx.dao.xxx 错误处
    如果这篇文章能给你带来帮助,不胜荣幸,如果有错误也请批评指正,一起学习,共同进步!今天给同事看了个问题,发现了这个问题,之前也遇见过,可是没有遇见这种情况,这次我记录一下。首先来说,造成这个错误的原因是什么。它是在SpringBoot应用程序中遇到“Invalidboundstatement(not......
  • 【Android面试八股文】我们来聊一聊IdelHandler吧,IdelHandler能干什么?怎么使用?有什么
    文章目录一、简单说说Handler机制二、IdleHandler是什么?怎么用?三、什么时候出现空闲时间可以执行IdleHandler四、IdleHander是如何保证不进入死循环的?五、你知道在Framework中如何使用IdleHander?六、一些其他面试问题Handler机制算是Android基本功,面试......
  • 禁止Windows用户使用cmd、powershell、注册表、*.bat脚本、修改网卡IP等操作
    如果你想让你的计算机或域控用户的计算机禁止使用cmd、powershell、注册表、bat脚本、修改网卡IP等操作1. 使用本地组策略(如果是本地用户)如果是非域用户,如果你在Windows10Pro或更高版本上,可以使用本地组策略(LocalGroupPolicy)来限制访问。打开“本地组策略编辑器”(gpedit.......
  • Electron生成 exe
    需求:打包PC桌面程序,前提条件:1、node(有个nvm管理工具可以管理不同的node版本)2、Electron官网入口 步骤:1、安装前置内容2、编辑main.jspackage.js preload.js文件//main.js//Modulestocontrolapplicationlifeandcreatenativebrowserwindowconst{......
  • 机器学习策略篇:详解清除标注错误的数据(Cleaning up Incorrectly labeled data)
    清除标注错误的数据监督学习问题的数据由输入\(x\)和输出标签\(y\)构成,如果观察一下的数据,并发现有些输出标签\(y\)是错的。的数据有些标签是错的,是否值得花时间去修正这些标签呢?看看在猫分类问题中,图片是猫,\(y=1\);不是猫,\(y=0\)。所以假设看了一些数据样本,发现这(倒数第二......
  • pc端element表格实现动态列及导出xlsx
    一、首先实现动态列,为了防止刷新恢复初始状态,用pinia持久化存储实现效果:实现代码://主页面代码//template<el-buttontype="primary"@click="selectDialogRef.openDialog()">简表设置</el-button><el-table:data="dataList"><el-table-columnv-if=&q......
  • DockerCompose+Jenkins+Pipeline流水线打包Vue项目(解压安装配置Node)入门
    场景DockerCompose+Jenkins+Pipeline流水线打包SpringBoot项目(解压安装配置JDK、Maven等)入门:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/139631755以上使用流水线配置和打包springboot后台项目,如果要使用流水线和配置node打包vue项目,可按如下步骤。注:博......
  • elasticsearch之ik分词器和自定义词库实现
    ElasticSearch分词器所谓的分词就是通过tokenizer(分词器)将一个字符串拆分为多个独立的tokens(词元-独立的单词),然后输出为tokens流的过程。例如"mynameisHanMeiMei"这样一个字符串就会被默认的分词器拆分为[my,name,isHanMeiMei].ElasticSearch中提供了很多默认的分词器,我......