1.0 新建一个微信小程序项目

2017-11-13  本文已影响0人  __ee47

1.初始项目会自动产生以下几个文件:

app.js : 小程序逻辑 ,app()函数用来注册一个小程序,接收object类型的参数,其中onLaunch()会在打开应用时执行.

object参数说明:

属性                 类型             作用                                    说明

onLaunch        function        监听程序初始化                  当小程序初始化

onshow           function        监听程序显示                      启动或从后台进入前台

onHide            function        监听程序隐藏                      从前台进入后台

其它                any               添加任意函数或数据,用this访问

app.json: 小程序公共设置 ,是对小程序的全局配置。比如有哪些页面组成?

窗口背景色,导航条样式,默认标题,不可添加注释。

pages":[

"pages/index/index",

"pages/logs/logs"

],     //页面路径,每个小程序页面都要在pages里面写入地址(注册页面)。

"window":{        //全局窗口配置

"backgroundTextStyle":"light",

"navigationBarBackgroundColor":"#000",     //navigationBar导航栏样式

"navigationBarTitleText":"WeChat",

"navigationBarTextStyle":"white",

"enablePullDownRefresh":true     //下道刷新,就是往下拉屏幕会刷新

}

"tabBar":{        //下方导航栏的配置

.........

.........

"list": [{        //定义下方导航点击栏目的列表

"pagePath":"pages/index/index",       

 //设置页面路径******************这里注意,如果这里配置了一个页面,在其他页面有链接跳转时,不能填写这里以配置的地址(需要跳转的应用内非 tabBar 的页面的路径)

"text":"text",//导航栏的名称

"iconPath":"images/home.png",//定义的图标

"selectedIconPath":"images/home_press.png"//点击之后变化的图标

}

样列 

}

"networkTimeout":{

}//网络请求时间

"debug":true    //打开控制台调试信息     chrome浏览器F12调出控制台

app.wxss:整个小程序的公共样式,此处定义的样式所有页面都能用

上一篇下一篇

猜你喜欢

热点阅读