美文网首页
微信支付宝百度抖音配置

微信支付宝百度抖音配置

作者: bbh123 | 来源:发表于2019-03-07 06:41 被阅读0次

目录结构:

微信:.js .json .wxml .wxss

百度:.js .json .swan .css

抖音:.js .json .ttss .ttml

支付宝:.js .json .axml .acss

全局配置:

微信 百度 抖音 支付宝

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  }
}

app.json

属性 类型 必填 描述 支持
pages String Array 页面路径列表
window Object 全局的默认窗口表现
tabBar Object 底部 tab 栏的表现
networkTimeout Object 网络超时时间
debug Boolean 是否开启 debug 模式,默认关闭 抖音
functionalPages Boolean 是否启用插件功能页,默认关闭 2.1.0
subpackages Object Array 分包结构配置 1.7.3 百度
workers String Worker 代码放置的目录 1.9.90
requiredBackgroundModes String Array 需要在后台使用的能力,如「音乐播放」
plugins Object 使用到的插件 1.9.6
preloadRule Object 分包预下载规则 2.3.0 百度
resizable Boolean iPad 小程序是否支持屏幕旋转,默认关闭 2.3.0
navigateToMiniProgramAppIdList String Array 需要跳转的小程序列表,详见 wx.navigateToMiniProgram 2.4.0
usingComponents Object 全局自定义组件配置 开发者工具 1.02.1810190
permission Object 小程序接口权限相关设置 微信客户端 7.0.0

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

属性 类型 默认值 描述 支持
navigationBarBackgroundColor /titleBarColor HexColor #000000 导航栏背景颜色,如 #000000
navigationBarTextStyle String white 导航栏标题颜色,仅支持 black / white 支付宝无
navigationBarTitleText /defaultTitle String 导航栏标题文字内容
navigationStyle String default 导航栏样式,custom只保留胶囊 微信客户端 6.6.0支付宝无
backgroundColor HexColor #ffffff 窗口的背景色 支付宝无
backgroundTextStyle String dark 下拉 loading 的样式,仅支持 dark / light 支付宝无
backgroundColorTop String #ffffff 顶部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16抖音
backgroundColorBottom String #ffffff 底部窗口的背景色,仅 iOS 支持 微信客户端 6.5.16抖音
enablePullDownRefresh /pullRefresh Boolean false 是否开启当前页面的下拉刷新
onReachBottomDistance /allowsBounceVertical Number 50 页面上拉触底事件触发时距页面底部距离,单位为px。
pageOrientation String portrait 详见 响应显示区域变化 2.4.0 (auto) / 2.5.0(landscape)

屏幕旋转设置,持 auto/ portrait / landscape

  • 注1:HexColor(十六进制颜色值),如"#ff00ff"
  • 注2:关于navigationStyle
    • 客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效。
    • 客户端 6.7.2 版本开始,navigationStyle: custom<web-view> 组件无效
    • 开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表最低版本,只供调试用)可方便切到旧视觉

页面特有配置项列表

属性 类型 默认值 描述 支持
disableScroll Boolean false 设置true 页面整体不能上下动。 支付宝无
disableSwipeBack Boolean false 禁止页面右滑手势返回 微信客户端 7.0.0
usingComponents Object 页面自定义组件配置 1.6.3

tabBar:

属性 类型 必填 默认值 描述 支持
color HexColor tab上的文字默认颜色
selectedColor HexColor tab上的文字选中时的颜色
backgroundColor HexColor tab 的背景色
borderStyle String black tabbar上边框的颜色black/white 抖音百度
list / items Array tab的列表2-5个
position String bottom tabBar的位置bottom/top 抖音
custom Boolean false 自定义tabBar

ps:支付宝只items必填

list:

属性 类型 必填 描述 支持
pagePath String 页面路径,必须在 pages 中先定义
text /name String tab 上按钮文字
iconPath /icon String 图片路径,icon大小限制40kb,不支持网络图片,
selectedIconPath /activeIcon String 建议尺寸81,78,81,60
position String 当 postion 为 top 时,不显示 icon。 百度

相关文章

网友评论

      本文标题:微信支付宝百度抖音配置

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