UI库

# UI库

  • iview:一套基于 Vue.js 的高质量 UI 组件库(PC端)
  • iView Admin:搭配使用iView UI组件库形成的一套后台集成解决方案(PC端)
  • Element:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库(PC端)
  • Vue Antd:Ant Design 的 Vue 实现,开发和服务于企业级后台产品(PC端)
  • VueStrap:一款 Bootstrap 风格的 Vue UI 库(PC端)
  • Mint UI:由饿了么前端开发的基于 Vue.js 的移动端组件库(移动端)
  • Vonic:一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用(移动端)
  • Vant:轻量、可靠的移动端 Vue 组件库(移动端)
  • Cube UI:基于 Vue.js 实现的精致移动端组件库(移动端)

# Iconfont 的使用

下载到本地后,我们需要将文件夹中的 iconfont.css、iconfont.eot、iconfont.svg、iconfont.ttf 和 iconfont.woff 文件统一放到项目中去

新建的 assets 文件夹的 iconfont 中去。而 iconfont.css 便是管理这样图标字体的样式文件,我们可以将其引入到入口文件中:

/* main.js */

import './assets/iconfont/iconfont.css'
1
2
3
  • Font Awesome:世界上最受欢迎且最易于使用的图标集
  • Ionicons :精美的开源图标库,可以用于Web,iOS,Android和桌面应用程序
  • Themify:一套用于网页设计和应用程序的完整图标
上次更新: 2022/7/4 下午2:37:03