03 小程序 test.json tarBar
传统/微信小程序
| 结构 | 传统 | 微信小程序 |
|---|---|---|
| 结构 | HTML | WXML |
| 样式 | CSS | WXSS |
| 逻辑 | Javascript | Javascript |
| 配置 | 无 | JSON |
test.json (test为示例)
| 属性 | 类型 | 默认值 | 含义 | 注意 |
|---|---|---|---|---|
| navigationBarBackgroundColor | HexColor | #000000 | 导航栏背景颜色 | 如 #000000 |
| navigationBarTextStyle | String | white | 导航栏标题颜色 | 仅支持 black / white |
| navigationBarTitleText | String | 导航栏标题文字内容 | ||
| backgroundColor | HexColor | #ffffff | 窗口的背景色 | |
| backgroundTextStyle | String | dark | 下拉 loading 的样式 | 仅支持 dark / light |
| enablePullDownRefresh | Boolean | false | 是否全局开启下拉刷新 | 详见 Page.onPullDownRefresh |
| onReachBottomDistance | Number | 50 | 页面上拉触底事件触发时距页面底部距离 | 单位为px。 详见Page.onReachBottom |
| disableScroll | Boolean | false | 设置为true 则页面整体不能上下滚动 | 只在页面配置中有效,无法在 app.json 中设置该项 |

tarBar
| 属性 | 类型 | 含义 | 注意 |
|---|---|---|---|
| Color | 十六进制 | 未选中颜色 | 仅十六进制格式 |
| selectedColor | 十六进制 | 选中颜色 | 仅十六进制格式 |
| backgroundColor | 十六进制 | 导航栏背景颜色 | |
| list | array<object> |
Tabbar的项的数 | 按照规范,至少要有2个Tabbar项 |
| pagesPath | "pages/ye/ye" | 页面路径 | |
| text | string | Tabbar项的标题 | |
| iconPath | string | Tabbar项未选中的icon图片路径 | 建议使用绝对路径,相对路径要相对于组件所在目录的。 |
| selectedIconPath | string | Tabbar项选中时的icon | 建议使用绝对路径,相对路径要相对于组件所在目录的。 |

-|-|-
表格最简结构
--|:-😐:-:
为了文字居中

浙公网安备 33010602011771号