uni-app 开发调试自动打开手机屏幕大小界面(Aidex移动端开发项目)

上效果:

下载Aidex的移动端项目并打开:

若依-ruoyi-AiDex-Uniapp: 若依-Ruoyi APP 移动解决方案,基于uniapp+uView封装的一套基础模版,开箱即用,免费开源,一份代码多终端适配,支持H5、支付宝小程序、微信小程序、APP,实现了与ruoyi-vue后台完美对接的移动解决方案,可直接开始快速开发业务需求,全新UI设计,更多交互细节,我们将为您提供极致的交互体验体验,持续推出高质量的交互产品icon-default.png?t=N7T8https://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>

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-02-22 06:38:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-22 06:38:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-22 06:38:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-22 06:38:04       20 阅读

热门阅读

  1. 学习数据结构和算法的第12天

    2024-02-22 06:38:04       28 阅读
  2. 数据挖掘-Weka的安装与使用

    2024-02-22 06:38:04       32 阅读
  3. CSS基础和选择器

    2024-02-22 06:38:04       28 阅读
  4. Flutter面试之事件分发机制

    2024-02-22 06:38:04       26 阅读
  5. Sora后观察:AI大模型产业落地的八个锚点

    2024-02-22 06:38:04       26 阅读
  6. 华为配置直连三层组网隧道转发示例

    2024-02-22 06:38:04       22 阅读
  7. Linux 环境变量

    2024-02-22 06:38:04       24 阅读
  8. Mybatis中各个方法

    2024-02-22 06:38:04       26 阅读
  9. Redis

    2024-02-22 06:38:04       23 阅读
  10. 鸿蒙 gnss 开关使能流程

    2024-02-22 06:38:04       24 阅读