目录
❤️一. 遇到问题的原因
🧡1.1 问题原因
🍒
遇到这类问题,通常是微信小程序自带的skyline渲染模式引起的,非编写代码过程中代码出现问题。个人建议开发过程中,如果最上面是轮播图的话,个人认为,就不要关skyline渲染模式了。如果是最上面是文字等非图片内容,那就关闭一下渲染模式,以下是关闭渲染模式的全部方法,简单有效,一步一步来。💗
🍒
💜 二 .问题解决方式
💛1.1 出现问题如图
💎
文字的话出现在顶格,甚至会出现覆盖的情况,不是这样的情况可以点个关注划走了🤹♀️
💎
编辑
💚1.2 找到app.json文件
🍓
首先你要找找文件夹下的app.json,注意是全局配置,不是pages中的.json文件夹下的配置,不然找不到配置项。
🍓
编辑
💙1.3 去掉相关配置
编辑
❗️这里注意:
有这两句去掉这两句,没有这两句只有其中一句的话去掉这其中一句,反正这两句不能出现就可以了。😀我也是根据我的实践情况来建议。
🧡1.4 去掉后的配置如下所示
🇨🇳
这里看不懂,不用看,上面的那几个步骤做完就差不多,已经关闭了渲染模式了。
🇨🇳
"window": { "navigationBarTextStyle": "white", "navigationBarBackgroundColor": "#2d476c", "navigationBarTitleText": "本地生活" },
"componentFramework": "glass-easel", "sitemapLocation": "sitemap.json", "lazyCodeLoading": "requiredComponents", "usingComponents": { "van-button": "@vant/weapp/button/index" } }
🐶
正常情况下,完成上面的代码即可解决文字内容在左上方的情况试试吧。
🐶
还要进一步去理解skyline渲染模式移步: skyline
这位大哥讲的非常的清楚,非常推荐!