@tslsmart/tsl-ui-plus NPM

tsl-ui-plus

特斯联增强组件库.

开发说明

开发前请一定阅读开发说明,如果你只是使用,请跳过这一步

安装

使用 npm 安装

npm i @tslsmart/tsl-ui-plus

使用 yarn 安装

yarn add @tslsmart/tsl-ui-plus

使用 pnpm 安装

pnpm i @tslsmart/tsl-ui-plus

使用

我们的样式文件是放在主题库仓库里面的,需要先安装主题库

pnpm i @tslsmart/theme-desktop

全局引入

在入口文件中全局注册

// main.js 中
import Vue from "vue";

import TslUI from "@tslsmart/tsl-ui-plus";
import "@tslsmart/theme-desktop/lib/index.css"; // 引入主题库css样式
// import "@tslsmart/theme-desktop/src/index.scss"; //也可以引入主题库scss样式,这样可以使用一些通用变量

Vue.use(TslUI);

按需引入

即使是按需引入,我们也是要引入主题库样式的

// main.js 中

import Vue from "vue";

import "@tslsmart/theme-desktop/lib/index.css"; // 引入主题库css样式
// import "@tslsmart/theme-desktop/src/index.scss"; //也可以引入主题库scss样式,这样可以使用一些通用变量

import { Anchor } from "@tslsmart/tsl-ui-plus";

Vue.component(Anchor.name, Anchor);