小程序起步

1 注册

   “作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱”

   所以要注册一个新的邮箱

   然后按步骤注册成功

2 下载微信web开发工具

3 终于到代码了,我的第一个目的是增加底部tab页签,

  找了半天在组件中找不到,最后搜到一个博客(http://blog.csdn.net/u014360817/article/details/52649820)

       看到类似下面的一段代码,其中tabBar的内容是新增的,但是只要在微信web开发工具敲出tabBar回车就得到了一整段示例代码,太方便了。

      代码有了,稍作修改即可,但是图片还是要自己添加的,在代码包主目录下添加了img文件夹,里面放一个图片,我命名为tab.png可以了。

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#eee",
    "navigationBarTitleText": "SEEEK",
    "navigationBarTextStyle":"black"
  },
  "tabBar": {
    "list": [{
      "pagePath":"pages/index/index",
      "text": "首页",
      "iconPath": "img/tab.png",
      "selectedIconPath": "img/tab.png"
    },{
      "pagePath": "pages/logs/logs",
      "text": "日志",
      "iconPath": "img/tab.png",
      "selectedIconPath": "img/tab.png"
    }]
  }
}

就这样完成了tab功能,只是不知道为什么找不到微信自己的文档说明这个问题,你们找到了吗?请告知

但是,当我根据初级教程去在手机端调试的时候出现 -80063 的报错,这时候去开发者社区搜了一下,发现是img/tab.png这个我自己增加的给tab用的icon太大,超过了40kb

然后修改了图片之后就可以正常用微信打卡小程序了。

 

posted @ 2017-06-18 14:44  cao_zhen  阅读(377)  评论(0编辑  收藏  举报