跳到主要内容

自定义页面双端适配

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. 在线试玩

Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4