基于vue+ant-design+vue-draggable实现的可视化页面装修功能,基于业务需求和层出不穷的活动营销页面而诞生。 类似的还有:有赞、百度H5、京东等等, 后续会通过page-design-ssr服务来生成静态页面,这样就可以支持SSR需求拉 点我点我,查看演示DEMO 操作指引:
A drag-and-drop mobile website builder base on Vue. Install 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...
A header with common actions and design elements built in. When To Use # PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) ...
Vue.use(PrintTemplateDesigner, { store })// 需要全局设置$VXETable、$XModal用于注册渲染器等逻辑。Vue.prototype.$VXETable = VXETable Vue.prototype.$XModal = VXETable.modal app.vue <template> <ptd-designer ref="designer" :pre-component-data="preComponentData" :pre-page-config="prePageConfig...
Ant Design Vue中的PageHeaderWrapper组件修改页签标题 vue如何修改title,由于之前的Vue项目打包成果物一直是嵌入集成平台中,所以一直没有关注过项目的title。直到最近,突然有个需求,要求点击按钮在集成平台外新开一个页面,此时我才发现,原来我的项目的title一直是万
第一步:在项目根目录下打开命令行通过npm install vue-wechat-title --save来安装插件,像下面这样就安装成功了 第二步:同上面的方法一样,在路由里面配置的每个地址加上对应的title; 第三步:在 main.js 中引入并使用插件就可以了 第四步:在src目录下的app.vue中修改router-view,加入下面的这个组件 ...
PageHeader 页头 页头位于页容器中,页容器顶部,起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。 何时使用 # 当需要使用户快速理解当前页是什么以及方便用户使用页面功能时使用,通常也可被用作页面间导航。
A header with common actions and design elements built in. When To Use # PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) ...
默认PageHeader 是透明底色的。在某些情况下,PageHeader 需要自己的背景颜色。 TS API# # 参数说明类型默认值 avatar 标题栏旁的头像 avatar props - backIcon 自定义 back icon ,如果为 false 不渲染 back icon string|slot <ArrowLeft /> breadcrumb 面包屑的配置 breadcrumb - extra 操作区,位于 title 行...
看了相关源码 PageHeaderWrapper, 就是 PageContainer,所以你看我上面的链接就可以了。 import type { BasicLayoutProps } from './BasicLayout'; import BasicLayout from './BasicLayout'; import type { HeaderViewProps as HeaderProps } from './Header'; import DefaultHeader from './Header'; import ...