README.md · 王鹏/t-ui - Gitee.com

forked from wocwin/t-ui

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 2.02 KB

# T-ui

## [Vue3 基础组件传送门](https://github.com/wocwin/t-ui-plus)

> 基于 Element-plus 二次封装基础组件地址

## 介绍

> 以 T 字开头是基于 Element-ui 二次封装组件
>
> 以 TAnt 开头是基于 ant-design-vue 二次封装组件

这是我在学习 Vue 中基于[Element-ui](https://element.faas.ele.me/#/zh-CN) 和[ant-design-vue](https://www.antdv.com/docs/vue/introduce-cn/)二次封装基础组件文档，希望对你有用。可查看 [详细组件案例文档](https://wocwin.github.io/t-ui/) 预览

<p align="center">
  <a href="https://github.com/vuejs/vue" target="_blank">
    <img src="https://img.shields.io/badge/vue-2.6.14-brightgreen.svg" alt="vue">
  </a>
  <a href="https://gitee.com/wocwin/t-ui/stargazers">
    <img src="https://gitee.com/wocwin/t-ui/badge/star.svg?theme=dark" alt="t-ui">
  </a>
  <a href="https://github.com/wocwin/t-ui/stargazers" target="_blank">
    <img src="https://img.shields.io/github/stars/wocwin/t-ui.svg" alt="t-ui">
  </a>
   <a href="https://www.npmjs.com/package/@wocwin/t-ui" target="_blank">
      <img alt="npm" src="https://img.shields.io/npm/v/@wocwin/t-ui.svg" />
    </a>
</p>

## 动态效果图

<img src="./public/Tui__demo.gif">

## npm 方式安装使用

```js
// 先安装
npm i @wocwin/t-ui
// 在main.js中按下引入
import Tui from '@wocwin/t-ui'
Vue.use(Tui)
```

## 直接在项目中全局使用（前提是已全局安装了 Element-ui 并已引入其样式）

```js
// 1、把packages文件夹复制，放在自己项目中
// 2、假设 packages 与 src是同级，那么src下 main.js 如下操作即可全局使用t-ui
import Tui from '../packages'
Vue.use(Tui)
```

## 安装依赖 **如果总报错就用 cnpm install**

```shell
npm install

```

## 本地运行 src 中组件示例

```shell
npm run serve
```

## 本地运行 vuepress 中组件文档

```shell
npm run docs:dev

```

## 微信交流群

|                  微信二维码                   |
| :--------------------------------------: |
| <img src="./public/weixin.jpg" width=170> |

一键复制编辑原始数据按行查看历史

提交于 2022-12-07 17:49 . docs:新增示例demo动态图

# T-ui

## [Vue3 基础组件传送门](https://github.com/wocwin/t-ui-plus)

> 基于 Element-plus 二次封装基础组件地址

## 介绍

> 以 T 字开头是基于 Element-ui 二次封装组件
>
> 以 TAnt 开头是基于 ant-design-vue 二次封装组件

这是我在学习 Vue 中基于[Element-ui](https://element.faas.ele.me/#/zh-CN) 和[ant-design-vue](https://www.antdv.com/docs/vue/introduce-cn/)二次封装基础组件文档，希望对你有用。可查看 [详细组件案例文档](https://wocwin.github.io/t-ui/) 预览

<p align="center">
  <a href="https://github.com/vuejs/vue" target="_blank">
    <img src="https://img.shields.io/badge/vue-2.6.14-brightgreen.svg" alt="vue">
  </a>
  <a href="https://gitee.com/wocwin/t-ui/stargazers">
    <img src="https://gitee.com/wocwin/t-ui/badge/star.svg?theme=dark" alt="t-ui">
  </a>
  <a href="https://github.com/wocwin/t-ui/stargazers" target="_blank">
    <img src="https://img.shields.io/github/stars/wocwin/t-ui.svg" alt="t-ui">
  </a>
   <a href="https://www.npmjs.com/package/@wocwin/t-ui" target="_blank">
      <img alt="npm" src="https://img.shields.io/npm/v/@wocwin/t-ui.svg" />
    </a>
</p>

## 动态效果图

<img src="./public/Tui__demo.gif">

## npm 方式安装使用

```js
// 先安装
npm i @wocwin/t-ui
// 在main.js中按下引入
import Tui from '@wocwin/t-ui'
Vue.use(Tui)
```

## 直接在项目中全局使用（前提是已全局安装了 Element-ui 并已引入其样式）

```js
// 1、把packages文件夹复制，放在自己项目中
// 2、假设 packages 与 src是同级，那么src下 main.js 如下操作即可全局使用t-ui
import Tui from '../packages'
Vue.use(Tui)
```

## 安装依赖 **如果总报错就用 cnpm install**

```shell
npm install

```

## 本地运行 src 中组件示例

```shell
npm run serve
```

## 本地运行 vuepress 中组件文档

```shell
npm run docs:dev

```

## 微信交流群

|                  微信二维码                   |
| :--------------------------------------: |
| <img src="./public/weixin.jpg" width=170> |

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/peng-wang13/t-ui.git

[email protected]:peng-wang13/t-ui.git

peng-wang13

t-ui

t-ui

dev