程序页面内容编辑的方法与技巧详解

GS 409 2024-07-09

编辑小程序页面内容的方法:首先在编辑处右击pages选择新建目录创建个文件夹;然后再右击该文件夹选择新建component,并输入文件名字;最后打开【app.json】文件,并操作导航栏的编辑即可。

怎样编辑小程序页面内容?

编辑小程序页面内容的方法:

1.首先呢,你要考虑好自己的首页是几个大页面,在此呢,以我的小小的Demo做样板参照吧,我的首页是三大块,所以呢我要再创建两个页面,包含项目成功之后就有index界面,共三个界面

(PS(操作过程):右击pages选择新建目录创建个文件夹,然后呢再右击该文件夹选择新建Component,输入文件名字即可,当然这里的新建Component里面有四个文件---js、json、wxml、wxss,除了这种直接创建呢你也可以一个一个手动创建文件不过在js文件里的有const app = getApp();和page({}),否则会提示报错或者调用不了app.js中的一些方法。)

2.到此呢,就要编辑首页了,我这里的首页呢是有底部导航栏的的,所以往下看吧:

打开app.json文件(PS:建议像我这样的小白呢还是看一下官方的小程序代码构成介绍比较好):

图片.png

打开之后就开始操作导航栏的编辑了,看代码:

(注意:用的时候记得把下面的注释全都删了,在app.json中不能有注释,否则会报错,我的注释只是为了大家方便理解而已,报错原因还挺让你出乎意料,我也是试了几次才发现。)

图片.png

以上就是小程序页面内容编辑的方法与技巧详解的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信聊天中拍了拍这一功能的含义解析
下一篇:数据库设计所遵循的基本原则有哪些
相关文章

 发表评论

暂时没有评论,来抢沙发吧~