微信小程序基础开发(一)----初步搭建 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序基础开发(一)----初步搭建

发表时间:2021-1-4

发布人:葵宇科技

浏览次数:36

小程序的目录结构


小程序的配置

  • 全局配置(app.js)

1、pages:表示当前项目的子页面,并且路径与左侧的pages下的路径完全对应

"pages":[
    "pages/index/index",//pages下的第一个路径就是小程序进入显示的页面
    "pages/docu/docu",
    "pages/cander/cander",
    "pages/search/search",
    "pages/logs/logs",
    "pages/demo01/demo01"
  ], 

2、window:定义小程序所有页面的顶部背景颜色、文字颜色等

"window":{
    "backgroundTextStyle":"dark",//下拉刷新的动画,支持"dark"或"light"
    "navigationBarBackgroundColor": "#fff",//顶部导航栏背景颜色
    "navigationBarTitleText": "Weixin",//导航栏标题
    "navigationBarTextStyle":"black",//标题文字的颜色,只能"black"或"white"
    "enablePullDownRefresh":true //全局的下拉刷新,默认"false"
  },

3、tabBar:指定tab栏切换,list数组内最少两项

"tabBar": {
    "list": [
      {
      "pagePath":  "pages/index/index",
      "text": "扫一扫",
      "iconPath": "icon/sao1.png",
      "selectedIconPath": "icon/sao.png"
    },
    {
      "pagePath":  "pages/docu/docu",
      "text": "文件",
      "iconPath": "icon/docu1.png",
      "selectedIconPath": "icon/docu.png"
    },
    {
      "pagePath":  "pages/cander/cander",
      "text": "照相机",
      "iconPath": "icon/cander1.png",
      "selectedIconPath": "icon/cander.png"
    },
    {
      "pagePath":  "pages/search/search",
      "text": "查找",
      "iconPath": "icon/search1.png",
      "selectedIconPath": "icon/search.png"
    }
  ],


  • 页面配置

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.jsonwindow 中相同的配置项。文件内容为一个 JSON 对象

  • sitemap配置

用于配置小程序及其页面是否允许被微信索引

相关案例查看更多