1.2.14 • Published 1 month ago
procomponent-tdesign-vue v1.2.14
ProComponent-TDesign-Vue
ProComponent-TDesign-Vue 是基于 TDesign 而开发的模板组件,提供了更高级别的抽象支持,开箱即用。可以显著地提升制作 CRUD 页面的效率,更加专注于页面。
- PageContainer 解决布局的问题,提供开箱即用的标签和面包屑功能
- ProTable 表格模板组件,抽象网络请求和表格格式化
- ProForm 表单模板组件,预设常见布局和行为
- ProCard 提供卡片切分
- ProDescriptions 定义列表模板组件
官网链接
点击查看 ProComponent-TDesign-Vue 文档
注意事项
- Vue 请确保在 3.2 及以上版本
- 本组件仅支持 TDesign-vue-next (Vue3)版本, 不支持 Vue2 TDesign 组件,所以 Vue2 项目请绕道。
安装
1. 安装 TDesign
npm 方式安装
npm i tdesign-vue-next
2. 使用 TDesign
import { createApp } from 'vue';
import TDesign from 'tdesign-vue-next';
import App from './app.vue';
// 引入组件库的少量全局样式变量
import 'tdesign-vue-next/es/style/index.css';
const app = createApp(App);
app.use(TDesign);
3. 下载 procomponent-tdesign-vue
npm 方式安装
npm i procomponent-tdesign-vue
4. 使用 Procomponent
因为还没有单独组件导出所以现在只能全量使用, 请等待后续更新
import { createApp } from 'vue';
import TDesign from 'tdesign-vue-next';
import App from './app.vue';
// 引入组件库的少量全局样式变量
import 'tdesign-vue-next/es/style/index.css';
import ProComponents from 'procomponent-tdesign-vue';
import 'procomponent-tdesign-vue/style.css';
const app = createApp(App);
app.use(TDesign);
app.use(ProComponents);
1.2.12
1 month ago
1.2.13
1 month ago
1.2.14
1 month ago
1.2.11
2 months ago
1.2.8
2 months ago
1.2.7
2 months ago
1.2.6
2 months ago
1.2.9
2 months ago
1.2.10
2 months ago
1.2.5
2 months ago
1.2.0
2 months ago
1.2.4
2 months ago
1.2.3
2 months ago
1.2.2
2 months ago
1.2.1
2 months ago
1.1.5
2 months ago
1.1.4
2 months ago
1.1.3
3 months ago
1.1.2
3 months ago
1.1.1
3 months ago
1.1.0
4 months ago
1.0.19
7 months ago
1.0.18
7 months ago
1.0.17
7 months ago
1.0.16
7 months ago
1.0.20
7 months ago
1.0.14
7 months ago
1.0.13
7 months ago
1.0.12
7 months ago
1.0.9
8 months ago
1.0.8
8 months ago
1.0.7
8 months ago
1.0.11
8 months ago
1.0.6
8 months ago
1.0.5
8 months ago
1.0.4
8 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
8 months ago
1.0.0
8 months ago