美文网首页
1.0 新建一个微信小程序项目

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

作者: __ee47 | 来源:发表于2017-11-13 14:45 被阅读0次

    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:整个小程序的公共样式,此处定义的样式所有页面都能用

    相关文章

      网友评论

          本文标题:1.0 新建一个微信小程序项目

          本文链接:https://www.haomeiwen.com/subject/nrlzmxtx.html