build: add tui

package.json

@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
-    "@taiyuan/tui": "^0.0.1",
+    "@taiyuan/tui": "git+https://git.yfzx.zjtys.com.cn/liusc/tui.git",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.25.3",

src/main.js

@@ -7,6 +7,11 @@ import Element from "element-ui";
 import "@taiyuan/tui/packages/theme-chalk/src/index.scss";
 import "@/assets/styles/index.scss"; // global css
 // import "@/assets/styles/ruoyi.scss"; // ruoyi css
+
+// 引入tui的样式和组件
+import '@taiyuan/tui/lib/tui.css';
+import tui from '@taiyuan/tui';
+
 import App from "./App";
 import store from "./store";
 import router from "./router";
@@ -83,6 +88,11 @@ Vue.use(Element, {
   size: Cookies.get("size") || "small", // set element-ui default size
 });
 
+Vue.use(tui, {
+  // 可以自定义设置utils名称，this.$utils
+  utils: "utils",
+});
+
 Vue.config.productionTip = false;
 
 new Vue({

src/views/index.vue

 <template>
   <div class="app-container home">
     <el-button type="primary">主要按钮</el-button>
+    <t-tabs
+      :tabList="tabList"
+      :defaultActiveIndex="defaultActiveIndex"
+      type="card"
+    ></t-tabs>
   </div>
 </template>
 
@@ -11,6 +16,13 @@ export default {
     return {
       // 版本号
       version: "3.8.7",
+      tabList: [
+        { name: "标签1", value: 1 },
+        { name: "标签2", value: 2, disabled: true },
+        { name: "标签3", value: 3 },
+        { name: "长标签当大于8个字时", value: 2 },
+      ],
+      defaultActiveIndex: 2,
     };
   },
   methods: {