eleemnt-ui修改主题颜色

饿了吗的element-ui使用的是淡蓝色的主题,有时候我们可以自定义主题,官方的文档给我们提供了如何修改主题,介绍的很详细,自己试验过后,觉得很不错,一方面怕忘记,一方面写一写。

方法一是在线生成一套主题:

https://github.com/taylorchen709/vue-admin,git库里给我们详细描述了一套方法,使用在线定制生成一套主题,

自定义生成主题

  1. 打开网址,自定义喜欢的主题,然后下载主题包 https://elementui.github.io/theme-preview/#/
  2. 主题包解压到该文件夹 src/assets/theme/
  3. 编写 src/main.js
   import 'element-ui/lib/theme-default/index.css'toimport './assets/theme/your-theme/index.css'
  使用你生成的包覆盖默认的包
  1. 编辑src/styles/vars.scss(在里面编写你喜欢的颜色即可)

转载于:https://www.cnblogs.com/xuyan1/p/8398944.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/466770.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Datawhale-零基础入门NLP-新闻文本分类Task04

1 FastText 学习路径 FastText 是 facebook 近期开源的一个词向量计算以及文本分类工具,FastText的学习路径为: 具体原理就不作解析了,详细教程见:https://fasttext.cc/docs/en/support.html 2 FastText 安装 2.1 基于框架的安装 需要从github下载源…

多重 for 循环,如何提高效率?

2258 字 14 图 : 文章字数6 分钟 : 预计阅读网络 : 内容来源BabyCoder : 编辑整理前言我在《华为 C 语言编程规范》中看到了这个:当使用多重循环时,应该将最忙的循环放在最内层。如下图:由上述很简单的伪代码可以看到,推荐使用的方…

【转】Web服务软件工厂

patterns & practices开发中心 摘要 Web服务软件工厂(英文为Web Service Software Factory,也称作服务工厂)是一个集成的工具、模式、源代码和规范性指导的集合。它的设计是为了帮助你迅速、一致地构建符合普遍的体系结构和设计模式的Web服务。 如果你是一名负责…

java gui 连接mysql数据库

package com.wt010.db;import java.sql.*;import javax.swing.JFrame; import javax.swing.JTextArea;public class MySQLUtil extends JFrame {// JDBC 驱动名及数据库 URLstatic final String JDBC_DRIVER "com.mysql.jdbc.Driver"; static final String DB_URL …

单片机外围模块漫谈之二,如何提高ADC转换精度

在此我们简要总结一下ADC的各种指标如何理解,以及从硬件到软件都有哪些可以采用的手段来提高ADC的转换精度。1.ADC指标除了分辨率,速度,输入范围这些基本指标外,衡量一个ADC好坏通常会用到以下这些指标:失调误差,增益误…

Datawhale-零基础入门NLP-新闻文本分类Task05

该任务是用Word2Vec进行预处理,然后用TextCNN和TextRNN进行分类。TextCNN是利用卷积神经网络进行文本文类,TextCNN是用循环神经网络进行文本分类。 1.Word2Vec 文本是一类非结构化数据,文本表示模型有词袋模型(Bag of Words&…

如何把握网络工程师的“钱”途,专访文字。

前两天接受了IT168的视频专访,这里把专访的内容发布出来,大家可以借鉴一下。主持人:大家上午好,欢迎收看IT168网络频道的网上直播节目。我们今天上午的此次直播的主题是网络工程师:如何掌握你的“钱”途?众所周知&…

想要学好C++有哪些技巧?

学C能干什么? 往细了说,后端、客户端、游戏引擎开发以及人工智能领域都需要它。往大了说,构成一个工程师核心能力的东西,都在C里。跟面向对象型的语言相比,C是一门非常考验技术想象力的编程语言,因此学习起…

window.open打开新窗口被浏览器拦截的处理方法

一般我们在打开页面的时候&#xff0c; 最常用的就是用<a>标签&#xff0c;如果是新窗口打开就价格target"_blank"属性就可以了&#xff0c; 如果只是刷新当前页面就用window.location.reload()&#xff0c; 在某些特殊情况下也要用到另外一种新窗口打开的方法…

Datawhale-零基础入门NLP-新闻文本分类Task06

之前已经用RNN和CNN进行文本分类&#xff0c;随着NLP的热门&#xff0c;又出现了大热的Attention&#xff0c;Bert&#xff0c;GPT等模型&#xff0c;接下来&#xff0c;就从理论进行相关学习吧。接下来&#xff0c;我们会经常听到“下游任务”等名词&#xff0c;下游任务就是N…

服务器响应HTTP的类型ContentType大全

ContentType 属性指定服务器响应的 HTTP 内容类型。如果未指定 ContentType&#xff0c;默认为 text/html。在ASP中使用它&#xff1a; <% Response.ContentType "text/HTML" %> <% Response.ContentType "image/GIF" %> <% Response.Con…

Linux文件系统及属性

Linux文件系统及属性 宗旨&#xff1a;技术的学习是有限的&#xff0c;分享的精神是无限的。 一、Linux系统下文件类型及属性 1、inode结构 /*索引节点对象由inode结构体表示&#xff0c;定义文件在linux/fs.h中*/ struct inode {struct hlist_node i_hash; …

Linux-C编程 / 多线程 / 如何终止某个线程?

示例 demo最简单的 demo&#xff1a;static void* thread1_func(void *arg) {int i 0;// able to be cancelpthread_setcancelstate(PTHREAD_CANCEL_ENABLE, NULL);pthread_setcanceltype(PTHREAD_CANCEL_DEFERRED, NULL);for(i0; ; i) {printf("thread1 %d\n", i);…

PaddlePaddle入门——基本概念

最近报了百度的深度学习认证&#xff0c;需要使用Paddle进行编程实现&#xff0c;找了一些基础教程&#xff0c;特意记录下来&#xff0c;加深印象。思维导图如下&#xff1a; 一、Paddle的内部执行流程 二、内部详解 1.Variable&#xff08;变量&#xff09; &#xff08;1…

我会在天堂爱你.

★☆你相信爱情吗&#xff1f;☆★如果你觉得这篇文章很好的话&#xff01;那么请把这篇信息传给20位网友或以上&#xff0c;那天下的有情人也会终成眷属&#xff0c;当然也包括你自己&#xff01;....世界消失了&#xff0c;我会在天堂爱你.如果你走了&#xff0c;我会在泪水中…

Linux C语言实现ls -l

Linux下C语言实现ls -l功能 宗旨&#xff1a;技术的学习是有限的&#xff0c;分享的精神是无限的。 需求&#xff1a;用ls -l显示文件夹下所有的文件及属性 分析&#xff1a;1 用ls显示文件夹下的所有文件&#xff0c;首先用opendir打开文件夹&#xff0c;再用readdir读取…

回答一个微信好友的创业问题

ps:很喜欢这种有烟火气息的照片— — 提问&#xff1a;我最近要创业&#xff0c;打算跟一个朋友合伙&#xff0c;但是我朋友不会技术&#xff0c;所以他只投入钱&#xff0c;也不会参与公司的管理。我们启动资金是10万&#xff0c;他打算投入7万&#xff0c;想占股65%。因为没有…

百度深度学习初级认证——已过

开头先放图&#xff0c;百度深度学习初级工程师认证已通过&#xff0c;记录一下备战和考试细节&#xff01;&#xff01;&#xff01; 1.报考 当时是通过百度的AI Studio看到深度学习的认证了&#xff0c;价格是800&#xff0c;然后阴差阳错从百度技术学院的链接看到深度学习…

Windows Mobile开发资源相关下载收录

最近收集了些关于Windows Mobile开发必备工具。以下资源完全是自己下载过的&#xff0c;直接从迅雷下载页面拷贝过来的地址。链接应该没问题的。 Windows Mobile 6 Professional SDK Refresh.msihttp://www.microsoft.com/downloads/info.aspx?na46&p1&SrcDisplayLang…

数值计算(Python实现)(一)

数值计算&#xff08;Python实现&#xff09;&#xff08;一&#xff09; 本篇内容简介&#xff1a; 解线性方程组&#xff1a;高斯消元法和高斯列主元消去法解线性方程组的迭代方法&#xff1a;雅克比&#xff08;Jacobi&#xff09;迭代法与高斯&#xff0d;赛德尔迭代法拉格…