注意:本文以及其他一系列小程序相关文章都是参考微信公众平台/小程序 ,官方文档讲解很详细,这里只不过是将自己学习和实践的过程以及遇到的问题记录,方便学习和解决问题,如果遇到作者出错的地方请联系作者改正。
首先安装node.js:node.js下载地址
安装完成之后下载微信开发者工具,进行安装 微信开发者工具下载地址
文件结构
小程序文件结构很简单,一个主体app以及各个页面
主体部分详解
app.json页面配置
注意!!:JSON文件中 //注释是错误的,这里加上只是为了方便理解内容,使用的话先要把所有注释都删除
{
"pages": [//(**必有)设置页面路径
"pages/index/index",
"pages/order/order",
"pages/myself/myself"
],
"window": { //设置默认页面的窗口表现
"navigationBarBackgroundColor": "#fff", //导航栏背景颜色
"navigationBarTitleText": "锄禾自然农场", //导航栏标题文字内容
"navigationBarTextStyle":"black", //导航栏标题颜色,仅支持 black/white
//开启下拉刷新,下拉的时候可以看到背景颜色和下拉样式
"enablePullDownRefresh": true, //是否开启下拉刷新
"backgroundColor":"red&