官方文档:https://element.eleme.cn/#/zh-CN/component/custom-theme 简单更换主题色 打开:在线主题编辑器,仅修改主题色,点击右上角[切换主题色],选择一个喜欢的颜色 点击[下载主题],下载后的文件夹大概长这样 在项目根目录下新建theme文件夹,将刚刚下载文件夹里面所有文件复制进去 进入main.js修改对theme的引入 从之前使用element-ui的默认theme import 'element-ui/lib/theme-chalk/i

node_modules\ element ui\ lib\ theme-dafault  下载的主题色替换掉改文件... ================== 但是会出现  搜索框iocon 样式换行的bug

element UI官网教程:http://element-cn.eleme.io/#/zh-CN/component/quickstart 1.完整引入,直接了当,但是组件文件不是按需加载,造成多余,不够优雅 在 main.js 中写入以下内容: import Vue from 'vue'; import Element from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './Ap

element ui 坑况:今日pull代码,潇洒npm run dev ,被告知:this dependency was not found:'element-ui/lib/theme-chalk/index.css'....... 解决思路 1.找不到依赖,路径问题 这是不科学的啊,昨天能够跑通的代码,今天就狗带了? 但是你也要去找找路径相关的解答,万能度娘上线,大多是这样的,应该这样引用"./" emmmm 分析了一波不太对啊!elementui 的引用方式就是这样的 impor

前几天把ubuntu从15.10更新到了16.10,在网上看到有很多直接更新出问题的,正好赶上换SSD,于是采用全新安装,之前用ubuntu的时候装软件最让人头疼了,这回又得头疼一次了!! 索性把他记录下来,既能方便以后重装,又能与大家分享一下! 系统清理篇 系统更新 安装完系统之后,需要更新一些补丁.Ctrl+Alt+T调出终端,执行一下代码: sudo apt-get update sudo apt-get upgrade 卸载libreOffice libreoffice事ubuntu自带

Android源码浅析(二)--Ubuntu Root,Git,VMware Tools,安装输入法,主题美化,Dock,安装JDK和配置环境 接着上篇,上片主要是介绍了一些安装工具的小知识点Android源码浅析(一)--VMware Workstation Pro和Ubuntu Kylin 16.04 LTS安装配置,其实Ubuntu Kylin 16.04 LTS也只是为了体验,我们为了追求稳定,还是使用了Ubuntu14.04 这里提供一个国内镜像的下载链接,可以用迅雷,下载下来之后后缀

声明: 1. 本篇文章提到的仿 Bootstrap 风格的主题,是基于 jQuery 的 ASP.NET MVC 控件库的主题. 2. FineUIMvc(基础版)完全免费,可以用于商业项目. 目录 1. 2008年 - 经典蓝 2. 2013年 - 海王星蓝 3. 2014年 - 6 款 Metro 主题和 24 款 jQueryUI 主题 4. 2015年 - 自定义 Bootstrap 主题 5. 2017年 - 自定义 Bootstrap 主题 - 6 款纯色背景 和 12 款图片背景

1.安装相关组件 1.1安装Node 检查本地是否安装node node -v 如果没有安装,从Node官网下载 1.2安装npm npm -v 如果没有安装:使用该指令安装: npm install -g npm 1.3安装webpack webpack -v 如果没有安装,通过以下指令安装: npm install webpack -g 如果缺失相关组件,选择“y”进行安装. 1.4vue脚手架 vue-cli -v 如果没有安装,通过以下指令安装: npm install vue-cli

使用第三方图标库 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦. Font Awesome Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. Font Awesome 5 跟之前的版本使用方式差别较大,功能是强大了,图标也更丰富了,但使用也变得更加复杂了. 本人还是比较喜欢之前的使用方式,安装容易

这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为止相对比较好的博客平台.不忘初心,博客园可以说是做的非常好的了,无论在技术博客初衷上,还是万年不变的UI上(2333).因此虽然自己建站了,但是博客园这边也不会荒废,会经常回来看的. 个人博客地址:furur.xyz 下面如正题. 个人博客的搭建不外乎两种,类似Wordpress的动态博客,类似He

使用第三方图标库 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦. Font Awesome Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. Font Awesome 5 跟之前的版本使用方式差别较大,功能是强大了,图标也更丰富了,但使用也变得更加复杂了. 本人还是比较喜欢之前的使用方式,安装容易

前言:工作中用到 vue+element ui 的前端框架,使用到上传文件,则想着封装为组件,达到复用,可扩展.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9630868.html 网站地址:我的个人vue+element ui demo网站 github地址:yuleGH github 组件代码如下: <div id="uploadComponent" style="display: none"> <el

一.主题美化 系统清理 系统更新: 安装完系统之后,需要更新一些补丁.Ctrl+Alt+T调出终端,执行一下代码: sudo apt-get update sudo apt-get upgrade 卸载libreOffice: libreOffice是ubuntu自带的开源office软件,我们一般习惯用WPS,在第二部分会说明WPS在Ubuntu中的安装 sudo apt-get remove libreoffice-common 卸载不常用软件: sudo apt-get remove th

主题美化篇 Ubuntu自带的主题简直不敢恭维,这里博主将它美化了一番,心情瞬间都好了一大截,码代码也会飞起!!先放一张我美化后的效果. 桌面和终端效果如下: unity-tweak-tool 调整 Unity 桌面环境,还是推荐使用Unity Tweak Tool,这是一个非常好用的 Unity 图形化管理工具,可以修改工作区数量.热区等. sudo apt-get install unity-tweak-tool gonme桌面或许还需要这一个 sudo apt-get install gn

下面盘点了22款适用于网页设计的HTML&CSS3 UI工具包,并且全部都是免费的哦!喜欢就赶紧 下载或收藏吧.这些免费工具可以加速你的网页开发进程,让你有更多时间专注于其他更重要的部分.由于扁平化设计是当前趋势,所以下面也盘点了多款扁平化风 格的UI工具包.另外要提醒的一点就是,使用之前务必注意这些工具的浏览器兼容性,因为有些还未经100%的测试. 1.Get Shit Done Kit 免费的Bootstrap 3 UI工具包,绝佳的在线项目工具,支持响应式设计和各种易于使用的UI元素.它干

1.导读 关于应用的主题定制,相信大家或多或少都有接触,基本上,实现思路可以分为两类: 内置主题(应用内自定义style) 外部加载方式(资源apk形式.压缩资源.插件等) 其实,针对不同的主题定制实现思路,没有绝对的好坏,每种实现方案都有其利弊,重要的是如何去权衡.选择,根据实际的项目需求,痛点,制定一个符合实际项目需求,能够解决主题定制过程中痛点的方案才是好的方案. 由于我和团队一直是做车载导航应用开发,面向的对象是客户.不同的客户对于应用的UI或者主题是有不同需求的,也就是说针对不同客户,

[Element UI]使用问题记录 转载:https://www.cnblogs.com/yangchongxing/p/10750994.html 下载地址: https://unpkg.com/browse/element-ui@2.11.1/ https://unpkg.com/element-ui@2.11.1/lib/index.js https://unpkg.com/element-ui@2.11.1/lib/theme-chalk/index.css =============

1.导读 关于应用的主题定制,相信大家或多或少都有接触,基本上,实现思路可以分为两类: 内置主题(应用内自定义style) 外部加载方式(资源apk形式.压缩资源.插件等) 其实,针对不同的主题定制实现思路,没有绝对的好坏,每种实现方案都有其利弊,重要的是如何去权衡.选择,根据实际的项目需求,痛点,制定一个符合实际项目需求,能够解决主题定制过程中痛点的方案才是好的方案. 由于我和团队一直是做车载导航应用开发,面向的对象是客户.不同的客户对于应用的UI或者主题是有不同需求的,也就是说针对不同客户,

基于node npm & vue-cli & element UI创建vue单页应用 开发环境   Win 10   node-v10.15.3-x64.msi 下载地址: https://nodejs.org/en/ 安装node 安装vue-cli 1.安装node-v10.15.3-x64.msi 2.设置注册地址 因为npm官方仓库在国外,有时候下载速度会非常慢,不过有淘宝镜像可以使用,下载包的速度很快.而且淘宝镜像是定时更新同步npm的官方仓库的. npm config set

Electron-vue实战—搭建项目与安装Element UI 作者:狐狸家的鱼 本文链接 GitHub:sueRimn 一.新建项目1.初始化项目打开cmd,新建一个项目,我使用的是electron-vue,输入以下命令: vue init simulatedgreg/electron-vue my-project 1my-project就是自己随便取名的项目名. 然后提示正在下载模板,下完模板之后根据提示进行操作就行,输入你该输入的东西,然后一路Enter: 初始化完毕之后,根据提示进行操

本文章从如下图所示的最基本的table入手,分析table组件源代码.本人已经对table组件原来的源码进行削减,源码点击这里下载.本文只对重要的代码片段进行讲解,推荐下载代码把项目运行起来,跟着文章的思路阅读. 思路 <div class="el-table"> <!-- 隐藏列: slot里容纳table-column --> <div class="hidden-columns" ref="hiddenColumns&q