主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何编辑小程序页面的内容:
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“,默认显示的图片更多详情请关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 如何实现小程序发送服务通知(小程序如何主动向用户发送通知)
- 如何获取小程序的unionid(如何获取小程序的页面路径)
- 生成海报的示例小程序(Java后端)(微信小程序生成海报演示)
- 什么是小程序? 有哪些功能?(什么是小程序?有哪些功能?)
- 介绍如何用小程序生成参数二维码(二维码+小程序参数)
本文由主机参考刊发,转载请注明:如何编辑小程序页面的内容?(进入小程序后如何编辑里面的信息) https://zhujicankao.com/102586.html
评论前必须登录!
注册