项目简介

TVDesign UI是一个基于vue3搭建的ui组件库，其组件丰富、色彩自定义，以设计精美和用户体验为该组件库的设计开发;
其组件丰富、色彩自定义，以设计精美和用户体验为该组件库的设计开发理念。

技术栈：vue3 + ts + scss + vite5

安装

安装nodejs

推荐下载nvm对node进行管理，方便不同项目使用不同版本的node

安装项目依赖

npm install tv-design --save-dev

引入组件

 
 import { createApp } from 'vue';
 import TvDesign from 'tv-design';
 import 'tv-design/dist/index.css';
 import App from './App.vue';

 const app = createApp(App);

 app.use(TvDesign);
 app.mount('#app');

组件使用

按钮组件

按钮的设计规范：

• 按钮主要有四种类型：主要按钮、次要按钮、文本按钮、危险按钮，每种类型按钮颜色、背景色、边框色都有不同的定义；
• 按钮有四种尺寸：小、中、大；