根据屏幕宽高或者 UA 跳转默认页面

配置基础页面及函数

配置跳转函数

1. 跳转到对应的移动页面。

2. 定义跳转函数jump_mobile。

3. 跳转代码，请参见配置跳转方案。

4. 配置页面挂载函数。

5. 调用跳转函数。

   

页面结构

1. PC 页面为首页/pc_page。

2. 移动端页面/mobile_page。

   

配置跳转方案

根据 UA

1. 引入第三方库 https://g.alicdn.com/code/lib/mobile-detect/1.4.5/mobile-detect.min.js

2. 配置跳转代码

   const result = new MobileDetect(window.navigator.userAgent);
   if (result.mobile() || result.phone() || result.tablet()) {
     mobi.navigateTo({
       route: '/mobile_page'
     });
   }
   return result;

根据屏幕宽高

配置跳转代码

if (window.screen.width / window.screen.height <= 0.618) {
    mobi.navigateTo({
        route: '/mobile_page'
    })
};