关于微信小程序开发

---恢复内容开始---

近两天知乎上面基本上被腾讯的小程序占领。为此我也去瞧了瞧,并瞎搞了一个demo;

如图

大家都知道知道小程序是不支持个人的。但是我为大家找到了一篇如何可以去自己开发的博客链接;目前还是有效的哦;

说说我对小程序开发的认识吧,其实前段时间一直都在搞vue.js,在我看了小程序的大概开发文档之后就觉得这其实就是一套微信的前端框架;

首先app.json是配置文件;所有的页面都必须要在app.json中配置注册,不然项目中无法使用;

其次

"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "演示",
"navigationBarBackgroundColor": "#1AAD19",
"backgroundColor": "red"
},
"tabBar": {
"color": "#dddddd",
"selectedColor": "#3cc51f",
"borderStyle": "black",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "page/component/index",
"iconPath": "image/icon_component.png",
"selectedIconPath": "image/icon_component_HL.png",
"text": "组件"
}, {
"pagePath": "page/API/index/index",
"iconPath": "image/icon_API.png",
"selectedIconPath": "image/icon_API_HL.png",
"text": "接口"
},
{
"pagePath": "page/API/login/login",
"iconPath": "image/wechat.png",
"selectedIconPath": "image/wechatHL.png",
"text": "登录"
},{
"pagePath": "page/API/about/about",
"iconPath": "image/my.png",
"selectedIconPath": "image/myHL.png",
"text": "我的"
}
]
},

window,和tabBar是配置头部和底部的;

这是我的目录结构:

大概的一些功能就是如此。

posted @ 2017-01-11 19:03  暖心向阳-Tohuck  阅读(197)  评论(0编辑  收藏  举报