procomponent-tdesign-vue v1.2.47
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 year ago
1 year ago
1 year ago
12 months ago
12 months ago
1 year ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago