vue中更改 element-ui主题色
第一步
打开“elementUI官网“
点击“自定义主题“,
找到“在线主题生成工具“
第二步
点击“在线主题生成工具“,会进到一个新的页面,点击“切换主题色“,点完之后,会出现一个弹出层,可以自己选择颜色,也可以自己输入自己的主题色,选择好之后,点击“确定“,最后记得点击“切换“,你就会看见主题色已经已经切换了。例如我设置的主题色是“#4FCC19“。
第三步
点击“下载主题“。
下载到你想要的位置,然后解压,更改文件名“element“(我取名是这个,毕竟是elementUI嘛)。
第四步
将文件引入到项目中,直接上图吧,我引入位置如下。。。
在外层新建一个文件夹命名“theme“,再引入其中。
最后一步
那当然是引入到main.js中了哦。
import ElementUI from 'element-ui'
import './theme/element/index.css'Vue.use(ElementUI);
转载地址
vue中更改 element-ui主题色相关推荐
- Ant design vue中实现动态更换主题色
一.创建vue项目 可视化创建步骤:cmd调出窗口,输入vue ui,自动在浏览器上打开新窗口 输入文件名 ,文件名最好是英文 然后进行配置功能, 根据需求选择配置功能 这里最好选择2.0版本, 可以 ...
- vue中修改Element ui样式不起作用
公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题. 老总 地表最强的电脑 运行了一下,当 ...
- php和ui,php项目中使用element.ui和vue
1.plugins中添加axios,element-ui 2.全局文件下引入 3.页面内使用 1) 容器需要增加id属性 2) 添加script标签,创造vue组件 var app = new Vue ...
- 基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册
基于 Vue JS.Element UI.Nuxt JS的项目PC端前端手册 前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记 1.环境搭建 1.安装nodeJs 官网下载地址:http ...
- Naive ui主题色修改
Naive ui主题色修改 新建 theme.ts 文件 import type { GlobalThemeOverrides } from 'naive-ui' const themeOverrid ...
- 模糊搜索——Vue单页面-Element UI
模糊搜索--Vue单页面-Element UI <!DOCTYPE html> <html><head><meta charset="UTF-8&q ...
- npm创建Vue工程【element UI】
npm创建Vue工程[element UI] 步骤 # 初始化一个名为 hello-vue 的Vue工程 vue init webpack hello-vue# 进入 hello-vue 工程 cd ...
- vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款
vue中集成的ui组件库 Vue Braintree PayPal按钮 (Vue Braintree PayPal button) Vue component to integrate PayPal ...
- Element UI主题换肤功能(基于vue-element-admin框架)
环境信息: 日期:2022-08-05 node版本:v14.15.4 "sass": "1.26.8", "sass-loader": & ...
最新文章
- 图解TensorFlow--大数据平台技术栈16
- Javascript数组操作(转)
- 9岁印度女孩成为最年轻微软认证专家
- 【线上分享】云游戏面对低延迟挑战的实践
- 【转】Android 最火的快速开发框架XUtils
- 来自Yang Terry的关于SAP CRM One Order事件回调机制的分享
- TIBCO BusinessWorks 6和Container Edition与BW5的比较
- python socket出现ip已经使用_Python:只接受特定的IP(socket)
- 开关怎么使用_智能数显压力开关怎么使用?
- MQTT 控制报文 - PUBLISH发布消息,PUBACK,PUBREC,PUBREL,PUBCOMP - 第6章
- 软件项目经理(实施)流程经验及理解
- 虚拟机使用的是此版本 VMware Workstation 不支持的硬件版本。模块“Upgrade”启动失败。未能启动虚拟机。
- aes ccm模式 java_AES_GCM和AES_CCM的选择
- 第五课多元函数偏导与全微分
- STM32USB鼠标+键盘串口控制
- 【C语言】数字直角三角形,数字矩阵,蛇形数组
- 数位板跟数位屏有什么区别,哪个好些?
- 中国科学技术大学研究生现代生物医药概论复习参考
- CTF-PHP反序列化漏洞2-利用魔法函数
- 子类继承多个父类总结