微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字

原创 麻木  2019-05-22 21:35:58  阅读 209 次 评论 0 条


麻木博客
麻木博客
摘要:

实现主页顶栏标题及标题自定义文字

准备工作:

首先,你必须注册了微信小程序账户和安装了微信开发者工具,如果没有,请参考麻木博客官网:微信小程序初章-注册微信小程序账户及安装微信小程序开发者工具篇


开始操作:

1:打开微信开发者工具并微信扫码登陆,创建新项目,打开界面如下

微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字 小程序顶栏标题及标题 第1张



2:主页的标题WeChat,在utils目录下的 app.json--"navigationBarTitleText":"WeChat",WeChat可以改为自己想要的文字。


微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字 小程序顶栏标题及标题 第2张

3:比如我改为麻木博客,之后需要点击编译才能生效噢!

微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字 小程序顶栏标题及标题 第3张


主页的Hello World 也是可以自定义的在 pages/index/index.js    page中的 data-motto属性

微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字 小程序顶栏标题及标题 第4张

更改完了点击编译发现更改成功了

微信小程序-简单修改小程序,实现主页顶栏标题及标题自定义文字 小程序顶栏标题及标题 第5张

很简单吧,不知道读过这篇文章得朋友学会了吗?

下期将讲解显示图片并添加按钮加跳转:敬请期待!


麻木博客微信公众号期待您的加入!

编辑:麻木


打赏 支付宝打赏 微信打赏
本文地址:https://www.mamublog.cn/post/10.html
版权声明:本文为原创文章,版权归 麻木 所有,欢迎分享本文,转载请保留出处!

站点广告专区

麻木博客

发表评论


表情

还没有留言,还不快点抢沙发?