3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 国际化 ...
项目结构采用了类似ant design pro(react版本)的模块化结构,这样其他项目使用时直接复制文件夹即可,省去了在不同文件加分别找文件的痛苦了 模板在template文件夹中 ├helper.ts 工具文件,等同于utils ├Index.vue页面文件├service.ts 用于存放接口内容 ├types.ts 声明ts类型使用 ├ 国际化文件 │├cn.ts 中文 ...
1、 import{createApp}from'vue'importAppfrom'./App'importrouterfrom'./router'// 引入 vue3-procomponents 的样式import'vue3-procomponents/src/components/lib/style.css'constapp=createApp(App)app.use(router)app.mount('#app') 2、 import{computed,defineComponent}from"vue"import{Button,Dropdown,Menu,...
npm run dev 3.icon图标的使用——vue3 之前vue2版本对应的antd使用图标都是vue3版本对应的antd图标是:<step-backward-outlined /> 使用方法如下: import HomeOutlined from '@ant-design/icons-vue/HomeOutlined'; export default defineComponent({ components:{ HomeOutlined, } }) 1. 2. 3. 4. 5. 6. ...
An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于Vite2 Vue3 Ant-Design-of-Vue2 TS 实现的 Ant Design Pro Vue码云地址: https://gitee.com/Onces/ant-design-pro-vue3预览图首页...
如果需要自定义构建,比如指定dist目录等,可以通过/vue.config.js进行配置,详情参看:Vue-cli3 配置。 前端路由与服务端的结合# Ant Design Pro 使用的Vue-Router支持两种路由方式:browserHistory和hashHistory可以参考文档Vue-Router URL 模式。 可以在src/router/index.js中进行配置选择用哪个方式: ...
Ant Design pro of vue从零开始(3) 我们之前已经将我们的项目更改到能够在里面使用我们自己的接口了,但是我们进来以后的页面还是显得有些繁杂,毕竟这里面它自带的页面大多数我们都用不到。所以我们要去删除掉这些页面,便于我们后面再添加页面的时候不用那么的浪费时间,去找我们的页面。
3分16秒 3 全集试看 03 案例:虚线段落分割线 视频课 2分46秒 4 04 案例:垂直分割线 视频课 2分32秒 5 05 案例:flex 水平方向 视频课 2分 6 06 案例:flex 垂直方向 视频课 1分59秒 7 07 综合案例:动画切换 flex 方向 视频课 9分 8
基于Vite2 Vue3 Ant-Design-of-Vue2 TS实现的Ant Design Pro Vue 码云地址:https://gitee.com/Onces/ant-design-pro-vue3 预览图 首页 个人中心 夜间模式 锁屏界面 可点击右下角锁头按钮进行解锁 手机预览(最低支持iphone4) #拉取项目代码git clone https://github.com/bailihuiyue/ant-design-pro-vue3....
AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案,它参考了阿里react版本antd-pro的设计模式,使用了最新最流行的前端技术栈,内置了动态路由、多主题、多布局等功能,可以帮助你快速搭建企业级中后台产品原型。