关于微信小程序如何去掉顶部标题,自定义标题详细讲解

关于微信小程序如何去掉顶部

  • 今天工作要求去掉小程序顶部,做成自定义样式,百度后看到一码友写的不错,附上链接:自定义小程序顶部

  • 下面是我新建后做的例子:

  • 首先新建后结构如下:(图片是我自己添加的,用于顶部背景图)
    在这里插入图片描述

  • 找到app.json文件
    在这里插入图片描述

  • 原文档:
    在这里插入图片描述
    将default默认样式改成custom即可

"navigationStyle": "custom",
  • 示例:
    未修改(可以看到顶部是默认的文字,背景我改成了粉色,下面自己加了图)
    在这里插入图片描述
    修改后:(有没有很神奇,顶部默认的文字样式会将你添加的样式顶上去,就可以达到想要的效果了)
    在这里插入图片描述

附上wxml代码(红色框出来的是我自己添加的代码,其他部分未修改):
在这里插入图片描述

 <view style="overflow:hidden;height:250upx">
    <image  src="../img/two.jpg" ></image>
  </view>

结束啦~希望对你有所帮助!

猜你喜欢

转载自blog.csdn.net/qq_43690438/article/details/114278182
今日推荐