一套VUE的精美UI组件库:vuesax

vuesax是一套为vue设计的精美、现代化的UI组件库,它包含各种在项目中所用到的常用组件,如按钮、弹窗、输入框、加载框等等。

描述

vuesax是一套为vue设计的精美、现代化的UI组件库,它包含各种在项目中所用到的常用组件,如按钮、弹窗、输入框、加载框等等。

组件列表

  • 按钮
  • 提示框
  • Loading加载器
  • 输入框
  • Checkbox
  • Switch
  • Select
  • 头像
  • 通知
  • Radio
  • Tooltip
  • Dialog:弹框、模态框
  • Pagination 分页器
  • 表格
  • Navbar导航
  • Sidebar侧边栏
  • Card卡片
  • Grid布局

安装

NPM安装依赖

npm install vuesax@next

引入项目

全部引入

import Vue from 'vue'
  import Vuesax from 'vuesax'

  import 'vuesax/dist/vuesax.css' //Vuesax styles
  Vue.use(Vuesax, {
    // options here
  })

按组件引入

 import Vue from 'vue'
  import { vsButton, vsSelect, vsPopup } from 'vuesax'
  import 'vuesax/dist/vuesax.css'

  Vue.use(vsButton)
  Vue.use(vsSelect)
  Vue.use(vsPopup)

给TA买糖
共{{data.count}}人
人已赞赏
代码片段

php获取html中的图片

2020-4-25 10:32:00

BUG解决

Flutter使用tobias支付宝插件时冲突

2021-4-7 18:47:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索