Vue中button的颜色更改

2023-10-27

上一次我学到了vue引用element的按钮测试,更改按钮颜色的时候,我跟的up主只告知了一种颜色即红色,但是他是这样写的:

<el-button type="danger''></el-button>

按钮变成红色使用的是danger,我想能不能换成red,试着换了一下,但是没有成功,页面上的按钮回到了初试默认的白色,于是我搜索了Vue颜色大全

传送门(10条消息) Vue建站:前端常用色彩汇总(转载)_vue 色号_一颗橡树的博客-CSDN博客

搜到了红色的代码#FF0000可是依然不变。于是我找到了这篇博客Vue3组件库实现 - Button组件篇 - 掘金 (juejin.cn)好像只有type: primary || info || success || warning || danger这五种颜色。我已经试过啦 是可以变得!

但是我觉得肯定不止这几个颜色,可能是我还没掌握方法。

原文章中这几个颜色代表的按钮意义

 

primary的颜色

info:

success:

warning: 

danger: 

先到这里吧~ 

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue中button的颜色更改 的相关文章

随机推荐

  • win10远程桌面连接服务器接示内部错误。

    搜出来的解决方案大多是让重置远程设置 这也是微软官方的解决方 案 如下 搜索框中输入 CMD 右键点击命令提示符 选择以管理员身份运行 在管理员运行的命令提示符窗口中执行以下的命令 netsh winsoc reset 奇怪的是我的电脑 重
  • GPT:通用预训练语言模型

    论文标题 Improving Language Understanding by Generative Pre Training 论文链接 https www cs ubc ca amuham01 LING530 papers radfor
  • linux下使用qt ,出现Unable to create a debugging engine问题的解决方法

    在进行调试 qt程序的时 出现了问题 Unable to create a debugging engine 根据百度经验 查看Kits下面的调试工具是否存在 如下图 我的调试工具是存在的 那么不能成功体调试的原因是什么呢 一个stack
  • MySQL之count(1)和count(*)的区别

    闲扯 很久以前 有一次我写了一个SQL select count from test 然后这个代码被我的其中一家公司的MySQL专家看到了 叫我过去说 你难道不知道咱们不允许写count 吗 你不知道count 1 更快吗 说完二话没说把我
  • jupyter修改默认工作路径

    修改Anaconda自动安装的jupyter notebook的默认工作路径 Anaconda默认安装的jupyter的工作路径是C Users 用户名 想要修改其默认的工作路径具体步骤如下 首先打开 Anaconda Prompt 在 A
  • 【react】react18的学习(十二)– 底层原理(二)之 迭代器 iterator

    迭代器iterator 是一种 ES6 规范 具有这种机制的数据结构才可以使用for of循环 返回每一项的值 原型链具有Symbol iterator属性的数据结构都具备 如数组 部分类数组 字符串等 普通对象就不能用 for of循环原
  • 【Echarts】配置项归纳

    Echarts 配置项归纳 一 title 二 legend 三 grid 四 xAxis yAxis 五 polar 六 radiusAxis 七 angleAxis 八 radar 九 dataZoom 1 内置型数据区域缩放组件 2
  • linux opencv人脸检测,OpenCV实现人脸检测例程

    前段时间看的OpenCV 其实有很多的例子程序 参考代码值得我们学习 对图像特征提取三大法宝 HOG特征 LBP特征 Haar特征有一定了解后 对本文中的例子程序刚开始没有调通 今晚上调通了 试了试效果还可以 还需要深入理解 值得大家动手试
  • Apache Commons DbUtils 快速上手

    Apache Commons DbUtils 快速上手 Hibernate太复杂 iBatis不好用 JDBC代码太垃圾 DBUtils在简单与优美之间取得了完美平衡 一 概述 DbUtils小巧的Java数据库操作工具 它在JDBC的基础
  • Keepalived结合Nginx实现WEB高可用服务

    前言 随着Nginx在国内的发展潮流 越来越多的互联网公司都在使用Nginx Nginx高性能 稳定性成为IT人士青睐的HTTP和反向代理服务器 Nginx负载均衡一般位于整个网站架构的最前端或者中间层 如果为最前端时单台Nginx会存在单
  • Lion:优化算法的符号发现

    文章目录 摘要 1 简介 2 算法的符号发现 2 1 程序搜索空间 2 2 高效搜索技术 2 3 泛化 方案选择与简化 3 Lion的推导与分析 3 1 求导 3 2 分析 4 Lion评估 4 1 图像分类 4 2 视觉 语言对比学习 4
  • 数据采集清洗

    文档名称 使用说明 程序名称 数据采集清洗分词V1 0 1简介 1 1数据采集程序 数据采集程序基于Python Urllib request模块编写 Urllib request是 HTTP 请求模块 可以模拟发送请求 支持自动确定响应内
  • 通讯录的实现(C语言版)

    实现一个通讯录 通讯录可以用来存储1000个人的信息 每个人的信息包括 姓名 性别 年龄 电话 住址 提供方法 添加联系人信息 删除指定联系人信息 查找指定联系人信息 修改指定联系人信息 显示所有联系人信息 清空所有联系人 以名字排序所有联
  • RabbitMQ-版本号查看

    查看RabbitMQ的版本号 Eddie Wang 有时需要在服务器上查看rabbitmq当前安装的版本号 通过rabbitmqctl status就可以获得 命令如下 sudo rabbitmqctl status grep rabbit
  • Excel表格不能筛选是怎么回事?

    使用Excel时发现表格突然不能筛选了 没办法正常使用 这是怎么回事呢 纯净之家 win7纯净版系统 win7 ghost 纯净版 Excel表格不能筛选是什么原因 1 工作表被保护了 如果工作表被保护而且限制了筛选 就无法筛选了 解决办法
  • 陀螺产业区块链第七季

    2020年4月 国家发改委在例行新闻发布会上宣布区块链被正式列为新型基础设施中的信息基础设施 自此区块链正式搭上新基建的 风口 可以看出 区块链 正作为数字经济革命中的重要支撑 以新一代基础设施的姿态快速发展并渗透到我国经济的各个领域 作为
  • 关联分析算法(二)——FP-growth算法与python用法

    FP growth算法思想与Apriori类似 这里使用FP tree frequent pattern tree 数据结构来存储频繁项集 在样本量多的情况下比Apriori算法更加快速高效 案例 使用mlxtend工具包 import p
  • Windows Server 2008 R2 域控服务器运行nslookup命令默认服务器显示 UnKnown

    一 问题 域控服务器DOS窗口运行nslookup命令提示如下 二 原因分析 主要原因在于域控服务器的DNS服务器没有设置反向查找区域 计算机名称是通过IP地址反向查找到域控服务器的计算机名称 三 解决办法 1 右键反向查找区域 新建区域
  • C++编程——类模板

    文章目录 1 类模板语法 2 类模板与函数模板的区别 3 类模板中成员函数创建时机 4 类模板对象做函数参数 5 类模板与继承 6 类模板成员函数类外实现 7 类模板分文件编写 8 类模板与友元 9 类模板案例 1 类模板语法 类模板的作用
  • Vue中button的颜色更改

    上一次我学到了vue引用element的按钮测试 更改按钮颜色的时候 我跟的up主只告知了一种颜色即红色 但是他是这样写的