如何编辑小程序页面的内容？（进入小程序后如何编辑里面的信息）

如何编辑小程序页面的内容:

1.首先，你应该考虑你的主页有多少个大页面。这里，以我的小Demo为模型进行参考。我的主页是三个大页面，因此我将再创建两个页面，包括项目成功后的索引界面，总共有三个界面。

（PS（操作过程）:右键页面选择新目录创建文件夹，然后右键此文件夹选择新组件并输入文件名。当然，这里的新组件中有四个文件---js、json、wxml和wxss。除了这种直接创建之外，您还可以逐个手动创建文件，但是在js文件中，有const app = getApp（）；和page（{ }），否则会提示报错或者app.js中的某些方法无法调用。)

2.此时，有必要编辑主页。我的主页有一个底部导航栏，请继续阅读:

打开app.json文件（PS:建议像我这样的小白还是去阅读官方小程序代码组成的介绍比较好）:

https://developers . weixin . QQ . com/mini program/dev/framework/quick start/code . html # JSON -配置打开，开始编辑导航栏。看看代码:

（注意:在使用以下注释时，请记住将其全部删除。app.json中不能有注释，否则会出错。我的评论只是为了方便你。错误的原因很出乎意料。我也试了几次想知道。)

{“pages“:【“pages/index/索引“、“pages/logs/logs“、“pages/asset/asset“、“pages/personal/personal“】、“window“:{“light“、“navigationBarBackgroundColor“:“# fff“、“navigationBarTitleText“:“微信“、“导航栏文本样式“:“黑色“、“导航样式“:“自定义“//自定义头部导航时添加}、“sitemap位置“:“sitemap.json“、“tabBar“:{//这里的tabBar是导航栏“颜色“的编辑器 //背景色（背景色的值写为#，即十六进制，普通的rgb和rgba书写方式不会生效）“位置“:“底部“，//导航栏放置的位置，可以留空但默认会显示在底部，这里方便我。 上次我把它换成了顶级。至于左右，我没试过，就留给你们的手机吧。“list“:【{“page path“:“pages/index/index“，//页面路径“text“:“home page“，//导航栏中显示的文本“icon path“:“images/home 1 . png“，//默认显示的图片为“selectedicon path“:“images/home 2 . png“//选中时显示的图片（我想在这里有色差）}，{“page path“:“pages/asset/asset“，“text“:“assets“，“icon path“:“images/asset 1 . png“，默认显示的图片更多详情请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：如何编辑小程序页面的内容？（进入小程序后如何编辑里面的信息） https://zhujicankao.com/102586.html