微信小程序云开发0到1-搭建云开发小程序代码

282 阅读1分钟

背景

之前说过搭建过一个小程序,论坛类似的,然后提交审核没通过,因为个人的是不允许发布内容的小程序上线,需要企业号。

现在呢, 我重新开发个小程序,云端的,不用后端服务器,然后要发布上线。后面会注册个公司。

做啥呢

微信小程序-同城小程序,名字还没想好,有没有给点建议,录用奖哦。

开干

搭建

其实搭建很简单,去官网看就可以, 就不在多说。

这是初始的代码: 微信截图_20220219222517.png

创建个底部菜单

在app.json下增加个tabBar的json:

"tabBar": {
    "borderStyle": "white",
    "color": "#999999",
    "selectedColor": "#00A7C9",
    "backgroundColor": "#FFFFFF",
    "list": [
      {
        "iconPath": "images/home.png",
        "selectedIconPath": "images/home1.png",
        "text": "首页",
        "pagePath": "pages/home/home"
      },
      {
        "iconPath": "images/publish.png",
        "selectedIconPath": "images/publish1.png",
        "text": "发布",
        "pagePath": "pages/publish/publish"
      },
      {
        "iconPath": "images/accountAct.png",
        "selectedIconPath": "images/account.png",
        "text": "我的",
        "pagePath": "pages/my/my"
      }
    ]
  },

然后编译下

image.png

问题:

因为是新增的page,所以tabar没出现,没显示出来

解决办法

找到原因:作为底部按钮的第一个页面,必须是page的第一个页面,

也就是 tabBar配置的第一个是:

image.png

那么这个必须是:

image.png

最后

因为在开发进行中,所以记录的会比较简单,如果有不懂或意见的,可以交流学习~~