基于vue+ant-design+vue-draggable实现的可视化页面装修功能,基于业务需求和层出不穷的活动营销页面而诞生。 类似的还有:有赞、百度H5、京东等等, 后续会通过page-design-ssr服务来生成静态页面,这样就可以支持SSR需求拉 点我点我,查看演示DEMO 操作指引: 左侧组件区域拖拽至中间布局区域 中间区域的组件支持上下
yarn add vue-page-designer You can start it quickly, in main.js: importVuefrom'vue';importvuePageDesignerfrom'vue-page-designer'import'vue-page-designer/dist/vue-page-designer.css'importAppfrom'./App.vue';Vue.use(vuePageDesigner);newVue({el:'#app',render:h=>h(App)}); ...
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
magic-page-designer是一个基于 vue 的在线页面快速开发平台,主要把所有的vue代码都改为在线配置,最终获得一个json格式的页面,你可以把它存放到服务器的任何地方:数据库、静态文件、redis 等。最方便的是可以在线修改页面,再也不用担心生产出问题了,还得打开IDE,修改测试打包,直接在线编码,所见即所得。还可以配合ma...
PageHeader页头 Pagination分页 Steps步骤条 数据录入 AutoComplete自动完成 Cascader级联选择 Checkbox多选框 DatePicker日期选择框 Form表单 Input输入框 InputNumber数字输入框 Mentions提及 Radio单选框 Rate评分 Select选择器 Slider滑动输入条 Switch开关 TimePicker时间选择框 ...
构建更快的网站 更快的构建网站 1 2 Components Overview Navigation Affix Breadcrumb Dropdown Menu PageHeader Pagination Steps Data Entry AutoComplete Cascader Checkbox DatePicker Form Input InputNumber Mentions Radio Rate Select Slider Switch TimePicker ...
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
locale语言包配置,语言包可到ant-design-vue/es/locale目录下寻找object-1.5.0 pageHeader统一设置 pageHeader 的 ghost,参考pageHeader{ ghost: boolean }'true'1.5.0 transformCellTextTable 数据渲染前可以再次改变,一般用户空数据的默认配置Function({ text, column, record, index }) => any-1.5.4 | ...
Ant Design 依次提供了三级选项卡,分别用于不同的场景。 卡片式的页签,提供可关闭的样式,常用于容器顶部。 标准线条式页签,用于容器内部的主功能切换,这是最常用的 Tabs。 RadioButton可作为更次级的页签来使用。 代码演示 Tab 1 Tab 2 Tab 3 Content of Tab Pane 1 ...
关于Art Design Pro 作为一名开发者,我在多个项目中需要搭建后台管理系统,但发现传统系统在用户体验和视觉设计上不能完全满足需求。因此,我创建了 Art Design Pro,一款专注于用户体验和快速开发的开源后台管理解决方案。基于 ElementPlus 设计规范,进行了视觉上的精心优化,提供更美观、更实用的前端界面,帮助你轻松构建高...