上效果:
下载Aidex的移动端项目并打开:
若依-ruoyi-AiDex-Uniapp: 若依-Ruoyi APP 移动解决方案,基于uniapp+uView封装的一套基础模版,开箱即用,免费开源,一份代码多终端适配,支持H5、支付宝小程序、微信小程序、APP,实现了与ruoyi-vue后台完美对接的移动解决方案,可直接开始快速开发业务需求,全新UI设计,更多交互细节,我们将为您提供极致的交互体验体验,持续推出高质量的交互产品https://gitee.com/big-hedgehog/ruoyi-uniapp修改manifest.json配置:将h5模板指向根目录h5.html
"h5" : {"template" : "h5.html",}
运行项目即可。
实现原理是h5.html里配置屏幕大小自动响应改变大小写,当前屏幕宽度大于手机常规大小写:768px时,自动把界面调小。
<script>console.log('|--washing list',allWashingFactoryList)window.onresize = function () {if (document.documentElement.clientWidth >= 768) {window.location.href = '<%= BASE_URL %>static/#/';// window.location.href = '<%= BASE_URL %>#/';}};window.onresize();</script>