首页 > 其他分享 >vue3+vite+ts 颜色选择器组件支持颜色吸取,透明度

vue3+vite+ts 颜色选择器组件支持颜色吸取,透明度

时间:2024-08-08 12:53:30浏览次数:7  
标签:picker vue 颜色 color ts ciw 选择器

ciw-color-picker-vue:

vue3 + vite + ts 颜色选择器,支持颜色吸取,透明度,与浏览器原生颜色选择器相似,与饿了么颜色选择器相似

使用了ciw-color-picker-vue

npm i ciw-color-picker-vue

 

安装 

npm i ciw-color-picker-vue

全局引入方式 main.ts 或 main.js 

import 'ciw-color-picker-vue/dist/style.css'
import xxxx from 'ciw-color-picker-vue'
app.use(xxxx)

单组件引入方式 css 参照全局引入 

import { ciwColorPicker } from 'ciw-color-picker-vue'
app.use(ciwColorPicker)

使用方式

  <ciw-Color-Picker v-model="color"></ciw-Color-Picker>

标签:picker,vue,颜色,color,ts,ciw,选择器
From: https://blog.csdn.net/Blue54/article/details/141023980

相关文章

  • 【Dash】使用 dash_mantine_components 创建图表
    一、StylingYourAppTheexamplesintheprevioussectionusedDashHTMLComponentstobuildasimpleapplayout,butyoucanstyleyourapptolookmoreprofessional.Thissectionwillgiveabriefoverviewofthemultipletoolsthatyoucanusetoenhanc......
  • [[email protected]].eking和[[email protected]].faust扩展名勒索病毒数
    联系:手机/微信(+8617813235971)QQ(107644445)标题:[[email protected]].eking和[[email protected]].faust扩展名勒索病毒数据库可以完美恢复作者:惜分飞©版权所有[未经本人同意,不得以任何形式转载,否则有进一步追究法律责任的权利.]最近接到两个由于操作系统文件......
  • 7月新特性 | 软件开发生产线CodeArts发布多项新特性等你体验!
    华为云软件开发生产线CodeArts是一站式、全流程、安全可信的云原生DevSecOps平台,覆盖需求、开发、测试、部署、运维等软件交付全生命周期环节,为开发者打造全云化研发体验。2024年7月,CodeArts发布了需求管理、代码检查、测试计划、部署、流水线、API相关新特性,具体内容如下:需求管......
  • CTS2024
    Day1T1水镜WC赛时做法考虑对于相邻的两个位置\(i\)和\(i+1\),他们之间的连通性可以用一个\(2\times2\)的矩阵描述,即\(i\)对应的两个位置是否和\(i+1\)对应的位置可以连接。发现这个\(2\times2\)的矩阵只会变化一次,且变化的时刻就是\(\dfrac{h_i+h_{i+1}}{2}\)......
  • 拿下ITSS资质认证有啥用?官方认可的IT服务管理精英?
    ITSS人员认证(InformationTechnologyServiceandSupport)是由中国电子技术标准化研究院推出的,涵盖了“IT服务工程师”和“IT服务经理”的两种人员资格认证。ITSS资质认证作为颇具权威的专业资格认证,它为IT服务和支持人员提供了一个标准化的职业发展路径。这种认证不仅为个人......
  • 清除 Nuxt 状态缓存:clearNuxtState
    title:清除Nuxt状态缓存:clearNuxtStatedate:2024/8/7updated:2024/8/7author:cmdragonexcerpt:摘要:本文介绍了Nuxt.js框架中clearNuxtState方法的使用,该方法用于清除useState管理的状态缓存,确保应用状态的有效性和一致性。文章涵盖了clearNuxtState的方法签名......
  • 赋能未来园区:TSINGSEE视频AI智能管理平台如何引领园区管理智慧化转型
    一、建设背景随着经济的不断发展,园区产业集聚发展已成为趋势,园区逐渐成为产业聚集的重要载体。目前,国内现有的大部分园区的管理方式比较粗放、单一,范围局限于安全、环境等方面且不成体系,并且没有覆盖到应急、消防、交通、监控预警、公共服务等多方面领域,在管理机制上处于被动状态......
  • 图片热区。vue3+ts和vue3+js写法(js没写完数据,功能完善)
    下面我会将完整的代码放进去,一些样式使用的是全局样式如flex-row,flex-1,size-16,re,tc,等,不过不影响功能使用。废话不多说,上代码vue3+ts<!--热区组件--><template><el-dialogv-model="dialog_visible"append-to-bodyfullscreen@close="close_event"><tem......
  • SOMEIP_ETS_021:echoINT8
    测试目的:验证DUT在发送和接收INT8参数时,是否能够保持参数的值和顺序不变。描述本测试用例旨在检验DUT在处理包含INT8类型参数的SOME/IP消息时,是否能够正确地发送和接收这些参数,并且确保返回的方法响应消息中的INT8参数值与请求中的相同。测试拓扑:具体步骤:TESTER:创建S......
  • 基于改进遗传算法的卡车和两架无人机旅行推销员问题(D2TSP)(Matlab代码实现)
     ......