17zuoye-tc-ui

17zuoye

Usage no npm install needed!

<script type="module">
  import 7zuoyeTcUi from 'https://cdn.skypack.dev/17zuoye-tc-ui';
</script>

README

17zuoye-tc-ui

简介

安装

cnpm i 17zuoye-tc-ui --save

使用

使用Vue.component注册为全局组件

import {tcShare} from '17zuoye-tc-ui';
Vue.component('tcShare', tcShare)

或使用Vue.use注册为全局组件

import {tcShare} from '17zuoye-tc-ui';
Vue.use(tcShare)//组件为 <tcShare></tcShare> 或 <tc-share></tc-share>

或作为选项组件

import {tcShare} from '17zuoye-tc-ui';
···
    components:{
        tcShare:tcShare
    },
    created(){
    }
···

提供的全部UI组件如下

  • tcShare
  • tcToast(仅支持Vue.use方法注册组件)
  • tcHead
  • tcButton

示例：

参考example文件

tcToast

import {tcToast} from '17zuoye-tc-ui';
Vue.use(tcToast);//仅支持这一种方式注册组件;

tcToast('toast文案',2000);
//或者
tcToast({
    txt:'toast文案',
    delay:2000
});