UI库

UI库
PC端
element­ui 饿了么(推荐) 

1、官网
https://element.eleme.cn/#/zh-CN

 

2、安装
npm i element-ui -S

 

3、在main.js中引入
import ElementUi from "element-ui"
import "element-ui/lib/theme-chalk/index.css"
Vue.use(ElementUi)

 

iview
官网:http://v1.iviewui.com

 

移动端
mint­ui 饿了么(不推荐) 
官网:http://mint­ui.github.io/#!/zh­cn 

 

vant(推荐) 
官网:https://vant­contrib.gitee.io/vant/#/zh­CN/

 

改样式
1、微调UI的样式,选中你要的类名,修改 

2、如果1不行,加 !important
.hehehe{
background: purple !important;
border-color: purple !important;
}

3、如果1和2都不行,可以借助stylus解决
安装方式
npm i stylus stylus-loader --save

posted @   石海莹  阅读(406)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2019-11-25 IF语句及代码练习
点击右上角即可分享
微信分享提示