字节小程序的目录结构

字节小程序的基础目录结构如下:

|____app.ttss           小程序的公共样式
|____app.json          小程序公共设置,例如:所有页面路径等
|____project.config.json
|____pages
|   |____index
|   |   |____index.js            页面逻辑
|   |   |____index.json          页面配置(非必填选项)
|   |   |____index.ttml           页面结构
|   |   | ___ index.ttss           页面样式表(非必填选项)
|____app.js             小程序的入口逻辑

以上目录结构中的 pages/可以根据实际情况进行灵活的配置。

全局配置

app.json是一个用来对头条小程序进行全局配置的文件,用来配置页面的路径,窗口样式表现等

{
  "pages": ["pages/index/index", "pages/logs/index"],//配置页面路径
  "window": {
    "navigationBarTitleText": "Demo"
  },//配置默认页面的窗口表现
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  },//配置底部 tab 的表现
  "permission": {
    "scope.userLocation": {
      "desc": "用于提供个性化服务及体验"
    }
  },//配置部分授权弹窗的副标题
  "networkTimeout": {
    "request": 60000,
    "connectSocket": 60000,
    "uploadFile": 60000,
    "downloadFile": 60000
  }//网络超时时间
}

猜你喜欢

转载自blog.csdn.net/weixin_40599109/article/details/106784983