微信小程序默认的文字内容在左上角怎么办？带你0基础快速了解skyline渲染模式。

潜意识Java

已于 2025-04-20 10:59:21 修改

阅读量2.2k

点赞数 50

CC 4.0 BY-SA版权

分类专栏： bug 文章标签：微信小程序小程序前端 vue.js javascript

于 2024-08-02 10:54:48 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_73355603/article/details/140866780

bug 专栏收录该内容

3 篇文章

订阅专栏

🤹‍♀️潜意识起点：个人主页

🎙座右铭：得之坦然，失之淡然。

💎擅长领域：大前端

是的，我需要您的：

🧡点赞❤️关注💙收藏💛

是我持续下去的动力！

❤️一. 遇到问题的原因

🧡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"
  }
}