echo_Ae的博客

阿里的antd组件说实话真的非常完善了，可是vue版的寥寥无几，vue3的更少了，今天有空就封装一个高仿的ModalForm。

因为我想要一个类似ProTable的表单，但是查询之后发现没有，所以就自己写一个，这个版本会更加完善。

因为我想要一个类似ProTable高级组件的表单，但是查询之后发现没有，所以就自己写一个，这个版本会更加完善。

最近在使用vue3+ts+antd搭建后端项目，需要动态改变主题颜色，其实也是使用了pro版的方法，但是还是有坑的，我把坑排了写一下记录安装需要依赖在src目录下新建config目录子文件有：theme-color-replacer.plugin.config.jsthemeColor.jsthemesettingConfig.ts然后我们就搭建好了，下面开始组件使用test.vueshims-vue.ts其实也没啥好总结的，要搭配使用 webpack-theme-col

这个月使用vue3来架构公司后端项目，刚好要弄动态路由，我这里就抛砖引玉一下ruoter - config.tsrouter - index.tsmain.ts总结其实也没啥好讲的，也就是 通过后端传递过来的数据，然后在进行渲染，注意 addRoute 这个方法使用即可需要配合 vue-devtools 谷歌扩展 才能看到路由是否添加完成...

antd的表单组件必须是全局组件ProTable算是一个半成品(满足基本使用)需要vuedraggable、screenfull依赖把它转成element 组件的话也非常简单自动生成查询表单（支持antd全部表单组件）表格头部、头部下边(可做勾选了多少列)、底部、表单查询、自定义表单查询的卡槽都有空余出来表格的列设置、全屏、密度其实完成的差不多了，满足我们日常开发需求了。...

1.nprogress它是一个导航栏跳转的进度条2.它是一个UI组件库3.vue-i18n它是一个国际化的语言切换库4.它是webpack的一个运行时动态主题颜色替换插件5.其他常见的1.使用npminstall-g@vue/cli安装vue环境2.使用vuereactevue3创建项目3.使用npminstall安装依赖4.介绍项目需要的全部依赖包httpshttpshttpshttpshttpshttpshttpshttpshttpshttps。......

该专栏为纯前端（算半成品），但是基本可以适用于中台系统了，后期会继续完善。技术栈功能实现动态路由、vuex架构、布局设置、主题颜色切换、国际语言切换、响应试布局。