微信小程序开发步骤入门版
2019-04-26 本文已影响0人
子小每文
抽个时间慢慢的学习开发小程序不觉得很有意思吗?
1:首先是进入微信公众号去申请也注册账号,下面有选择小程序开发的模块,按照步骤一步一布的就可以进行配置了;
2:下载开发工具:分几种情况,看自己的需求,我选择的是正式开发版本工具;
![](https://img.haomeiwen.com/i7511721/91cd98c4aaa3310e.png)
下面的图是开发工具:
![](https://img.haomeiwen.com/i7511721/825d832d92626f25.png)
首先说下Tabbar的使用:
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "pages/images/icon-nor-menu1.png",
"selectedIconPath": "pages/images/icon-nor-menu1.png",
"text": "主题"
},
{
"pagePath": "pages/Family/Family",
"iconPath": "pages/images/icon-nor-menu2.png",
"selectedIconPath": "pages/images/icon-sel-menu2.png",
"text": "家庭"
},
{
"pagePath": "pages/userConsole/userConsole",
"iconPath": "pages/images/icon-nor-menu5.png",
"selectedIconPath": "pages/images/icon-sel-menu5.png",
"text": "我的"
}
]
},
下面说用处最多的视频滚动视频的实现:
![](https://img.haomeiwen.com/i7511721/a0f2619b50cda7b2.png)
![](https://img.haomeiwen.com/i7511721/ec46ac490ac68f02.png)
![](https://img.haomeiwen.com/i7511721/1a49fa551c7d0718.png)
![](https://img.haomeiwen.com/i7511721/60b25e6e63677d81.png)
上面每一个类型下对应着不同的代码结构.
记得导入对应的头文件:头文件就是对应的路径。
![](https://img.haomeiwen.com/i7511721/b5e5d27f05757047.png)