vue-beauty

vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库，旨在帮助开发者提升产品体验和开发效率、降低维护成本。

特性

  • 丰富的组件，涵盖常用场景
  • 基于vue组件化开发，数据驱动视图
  • 封装复杂性，提供简单友好的api
  • 基于ant design样式优化

引入

使用npm or yarn

  1.     npm install vue-beauty -S 
  2.     //OR
  3.     yarn add vue-beauty
  5.     import Vue from 'vue'
  7.     //import css
  8.     import 'vue-beauty/package/style/vue-beauty.min.css'
  10.     //import components
  11.     import vueBeauty from 'vue-beauty'
  12.     Vue.use(vueBeauty)
  14.     //OR
  15.     import {alert} from 'vue-beauty'
  16.     Vue.use(alert)

或使用 <script> 全局引用

  1.     <link rel="stylesheet" href="vue-beauty.min.css"> 
  2.     <script type="text/javascript" src="vue-beauty.min.js"></script>

示例

  1.     <template>
  2.         <v-button>按钮</v-button>
  3.     </template>

效果

版本

起步 - 图1

浏览器支持

chrome、firefox，暂不支持IE(计划支持IE11+)

相关链接

相关开源项目

vue-beauty 部分代码参考了以下项目：

谁在使用