移动端页面适配PC端
场景描述
一端开发的页面，可以在多端使用
实现思路
在移动端开发页面，移动端和桌面端均可访问
实现步骤
需要以下两个步骤，后续平台提供设置功能
1 设置页面支持适配PC端
在代码页中，打开页面的meta文件，增加"menuTypes":["func","make"]，如下图所示
保存页面后，系统会生成serviceMetaInfo文件，其中types包括make，如下图所示，表示页面适配PC端
2 设置页面适配PC端样式
系统对卡片布局、按钮组、按钮、表单组这几个组件做了适配PC端的样式，即移动端和PC端显示样式不同。在页面page组件上增加x-marker样式，使用适配的PC端样式，设置如下图所示
适配后的PC端预览效果
移动端预览效果
3 打开桌面端预览页面
可以在移动端打开移动端预览页面，再切换到桌面端打开桌面端预览页面。也可以在移动端切换到制作模式，如下图所示
点从门户调试运行，系统会直接打开移动端和桌面端两个预览页面