uniapp软键盘把界面顶起问题解决

本文记录了一名前端新手在使用HBuilder开发手机应用时遇到的问题:图片路径调整、本地背景图打包显示、以及软键盘影响背景布局。作者分享了解决这些问题的方法,包括修改图片URL、使用标签定位、设置软键盘调整模式等。
摘要由CSDN通过智能技术生成

本人入行前端刚刚一年,头一次接触Hbuilder,用Hbuiler写的一个手机app,在写的时候遇到了3个问题

1、后端数据返回的图片在pc端没问题,H5运行也没问题,打包后图片无法显示

2、登录页面背景图引用本地图片,打包后不显示问题

3、背景图成功后软键盘把背景页面顶起

问题1:后端数据返回的图片没有ip地址,手机app打包后引用图片地址时没有ip,默认引用的本地路径localhost,所以会不显示

问题2:这个背景图片我解决了好久没有解决,最后用的<iamge/>标签,在用了定位和z-index实现了背景图的效果 ( 虽然是个笨方法但是能解决问题 )

问题3:这个我试了好几个方法,动态监听页面、设置vh、设置min-height,最后找到了一个老哥的博客解决了,

根目录下配置路由的文件pages.json在要设置的页面路由下加上

"app-plus": {undefined
        "softinputMode": "adjustResize"
 }

"pages": [
        {
            "path": "pages/login/index",
            "style": {
                "navigationBarTitleText": "登录",
                "app-plus": {
                    "softinputMode": "adjustResize"
                }
            }
        }]
老哥的文章链接:https://blog.csdn.net/qq_34631220/article/details/120161808

菜鸟上路我有什么错误请dalao们帮我指出来 

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值