传统/微信小程序
结构 | 传统 | 微信小程序 |
---|---|---|
结构 | 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 | 建议使用绝对路径,相对路径要相对于组件所在目录的。 |
-|-|-
表格最简结构
--|:-