el-color-picker颜色取色器

星月心城

于 2024-06-07 14:52:47 发布

阅读量384

点赞数 9

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_55961367/article/details/139526781

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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;
			}
	}