javascript小程序配置实例分析

本篇内容介绍了“javascript小程序配置实例分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联不只是一家网站建设的网络公司;我们对营销、技术、服务都有自己独特见解,公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务!我们经历的每一步也许不一定是最完美的,但每一步都有值得深思的意义。我们珍视每一份信任,关注我们的成都网站建设、做网站质量和服务品质,在得到用户满意的同时,也能得到同行业的专业认可,能够为行业创新发展助力。未来将继续专注于技术创新,服务升级,满足企业一站式网络营销推广需求,让再小的成都品牌网站建设也能产生价值!

1、app.json

基本这些配置就可以满足正常的开发,其他有一些比如request请求超时之类的,都采用默认即可

{

  "pages":[

    "pages/index/index", //所有的页面都需要定义在该模块,否则无法显示

    "pages/logs/logs"

  ],

  "window":{  //全局的一些配置

    "backgroundTextStyle":"white",

    "navigationBarBackgroundColor": "#fff",//顶部导航栏颜色

    "navigationBarTitleText": "陌与尘埃",//顶部文字

    "navigationBarTextStyle":"black"//文字样式,支持white|black

  },

  "tabBar": {//tab选项卡

    "list": [

      {

        "iconPath": "imgs/icon/icon-home.png",//未选中状态图片地址

        "selectedIconPath": "imgs/icon/icon-home-selected.png",选中时图片地址

        "pagePath": "pages/index/index",//页面

        "text": "首页"//文字显示

      },

  

      {

        "iconPath": "imgs/icon/icon-usercenter.png",

        "selectedIconPath": "imgs/icon/icon-usercenter-selected.png",

        "pagePath": "pages/logs/logs",

        "text": "我的"

      }

    ],

    "color": "#000",//文字默认颜色

    "selectedColor": "#fff",//选中时文字颜色

    "backgroundColor": "#e04443",//默认tab背景

    "borderStyle": "white",

    "position": "bottom" //位置,支持bottom|top

  }

}

2、其他json

每个对应的wxml有自己对应的json,同样可以做如上配置,会覆盖全局的app.json文件配置

3、wxss

引用了一个外部的样式表(wa-ui),引用方法如下:

@import 'wa-ui.wxss';

只需在全局app.wxss引入即可,其他页面都可以使用其样式。

4、JS

小程序的js不同于普通的js,不能使用window、document等对象,因此也不能使用jquery等框架。小程序的js写法有点类似VUE,如下:

javascript小程序配置实例分析

“javascript小程序配置实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章名称:javascript小程序配置实例分析
新闻来源:http://pwwzsj.com/article/jdpggp.html