v-ycf v0.0.9

It's a A YCF Vue UI component library .

效果预览

请扫描以下二维码

安装

npm 安装

npm i v-ycf -S

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/v-ycf/lib/vycf-css/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/v-ycf/lib/ycf.js"></script>

快速开始

完整引入

import Vue from 'vue'
import vycf from 'v-ycf'
import 'v-ycf/lib/vycf-css/index.css';

Vue.use(vycf)

部分引入

import Vue from 'vue'
import {
  Button,
  Select
  // ...
} from 'v-ycf'
import 'v-ycf/lib/vycf-css/button.css';
import 'v-ycf/lib/vycf-css/select.css';

Vue.component(Button.name, Button)
Vue.component(Select.name, Select)

引入插件

注：完整引入了v-ycf，则无需再注册插件

import Vue from 'vue';
import { 
  $Toast, 
  $Dialog 
  // ...
} from 'v-ycf';

Vue.prototype.$toast = $Toast
Vue.prototype.$dialog = $Dialog