自定义页面双端适配

创建自定义页面 | 钉钉宜搭·帮助中心

能力免费版轻享版专业版专属版自定义页面不支持不支持支持支持未升级到新版信息架构的组织，请 点此查看 使用手册1. 操作步骤在应用管理界面，提供了两个创建自定义页面的入口1.1 通过【新建页面】下拉菜单创建左上角新建页面，在下拉菜单中选择【新建自定义页面(Beta)】，开始创建新建自定义页面1....

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. 使用场景

自定义在使用过程中可能会出现 PC 端与移动端无法适配的情况，那么该如何解决呢~

2. 实现功能

2.1 创建自定义页面

我们主要用到 this.utils.isMobile() 函数来处理 PC 和 Mobile 的逻辑。

当页面访问环境为 PC 端时，this.utils.isMobile() 函数返回 false。

当页面访问环境为 Mobile 端时，this.utils.isMobile() 函数返回 true。

2.2 配置自定义页面

PC 端显示配置：

Mobile 端显示配置：

3. 实现效果

3.1 PC 端

3.2 Mobile 端

4. 在线试玩

示例中心 | 开发者赋能平台

让企业自建专属应用更简单，持续创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_LQXDGV4M1VXTOPTK9MG1&from=yuque_subject