VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

如何编辑小程序页面的内容?(进入小程序后如何编辑里面的信息)

locvps
主机参考: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“,默认显示的图片更多详情请关注主机参考其他相关文章!

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何编辑小程序页面的内容?(进入小程序后如何编辑里面的信息)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!