小程序三分钟入门与踩雷大集合（一）

兴致来了，玩了公众号不过瘾，便玩起了小程序。

一、注册小程序

二、下载小程序微信开发者平台（看网上推荐使用稳定版，我个人使用的开发板

下载链接：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三、创建demo，暂时不适用云开发，这里会使用到你的小程序ID，未注册的可以使用测试ID

四、保存预览初始demo状态

五、加个底部导航栏

参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE
运行成功~

但是我不想要这个效果，我想要多一个字段（注意事项：tabBar最多五个），所以我就改改~

原原本本的copy一条数据进去，发现报错了~
报错信息：VM316:1 app.json: ["tabBar"][1]["pagePath"]: "pages/jokes/index" need in ["pages"] ["tabBar"][2]["pagePath"]: "pages/mine/index" need in ["pages"]"，

然后查阅一波信息，发现是因为我没有给它全局申明，它识别不到我新填入的信息字段

改一改~

查看成功效果图：

六、想把导航栏的字体改大一点，查了好多资料，尝试了蛮多办法，都改不了，好像说是tabBar暂不支持修改这个

七、不能改字体就在上面加个图标啰

使用iconpath，存入图标位置，我准备啦两套icon（分别为点击前和点击后的效果）， "iconPath": "/imgs/tabBarIcon/1.png",
但是此处有个小问题，我点击哪一项的时候，那一项的icon就不会显示出来

解决方法：增加点击后的效果事件：****"selectedIconPath": "/imgs/tabBarIcon/11.png"

完成后效果图

八、把改demo文字改成"与其终每日一笑"

在app.json中找到window，把navigationBarTitleText中的内容修改一下就好。
也可以在此处进行修改字体颜色，背景颜色等操作。

效果图：

你，学会了吗？

我是与其终，一个风起云涌的女孩子。
以下是我的公众号，主要写的是有关于前段后台数据库，面试技巧，学习方法，职场心得等，感兴趣的可以关注一下哦。

很高兴你能看到我的博客，希望能对你有所帮助。
qq群：可直接扫码进qq群，或者输入群号670983672。
微信群：可加下方博主微信，备注“进群”即可。