解决小程序字体在最左上角问题

问题如下

原因:

出现这种现象的原因是项目默认开启了Skyline渲染模式,因为Skyline渲染模式不支持原生导航栏,所以在json文件中设置的导航栏失效,文字就会向上移动,如果想要使用原生的导航栏,可以将app.json文件中的下图所展示的两个内容去掉,保存后重新编译即可。

去掉后可能会变成下图所示

这个是颜色问题,我们改一下颜色就好了

javascript 复制代码
"navigationBarBackgroundColor": "#ffffff"
相关推荐
百变梦仔21 分钟前
Codex 写前端任务时,我用这张 GitHub Skill 地图先选工具
前端·github
一叶星殇44 分钟前
微信小程序 Vant Popup 滚动穿透:页面级与组件级解决方案详解
微信小程序·小程序
2601_962122971 小时前
nginx 部署前端vue项目
前端·vue.js·nginx
雪芽蓝域zzs1 小时前
第三节:目录结构重构(仿若依,优化层级,layout 与 components 同级)
前端·vue.js·重构
子非鱼a2 小时前
【WEB】[NewStarCTF 公开赛赛道]UnserializeOne
前端·javascript·html
南雨北斗3 小时前
Vue3 v-model中的自动事件绑定
前端
雪芽蓝域zzs4 小时前
第八节:Element Plus 基础、封装通用组件 + 路由守卫
前端·vue.js
码视野4 小时前
基于 Spring Boot + Vue3 的【智慧公厕微负压排风除臭与客流人感空间占用导引中台】设计与实现(含PRD/三端高保真源码/大屏)
前端·vue.js·人工智能·spring boot·后端
计算机魔术师4 小时前
刚赔了15亿又来被告?索尼华纳联手把Anthropic告上法庭
前端
笑霸final4 小时前
不用上传服务器!用 Vue3 + ONNX Runtime Web 在浏览器本地实现智能抠图
运维·前端·图像处理·ai·onnx·canva可画·web性能优化