1. 在 App.JSON 文件中举例
- {
- "pages": [
- "project/sy3/sy3",// 在最前面位置的路径相当于 html 的 index
- "project/por/sy",
- "pages/index/index",
- "pages/logs/logs",
- "pages/1111",
- "project/sy1/sy1",
- "project/sy2/sy2"
- ],
- "window": {
- // 头部展示的信息
- "backgroundTextStyle": "light",
- "navigationBarBackgroundColor": "#fff",
- "navigationBarTitleText": "发布",
- "backgroundColor": "#eee",
- "navigationBarTextStyle": "black"
- },
- "tabBar": {
- // 底部展示的信息
- "list": [
- {
- "pagePath": "project/sy1/sy1",
- "text": "首页",
- "iconPath": "project/img/01.png",
- "selectedIconPath": "project/img/02.png"
- },
- {
- "pagePath": "project/por/sy",
- "text": "发布",
- "iconPath": "project/img/04.png",
- "selectedIconPath": "project/img/03.png"
- },
- {
- "pagePath": "project/sy2/sy2",
- "text": "消息",
- "iconPath": "project/img/05.png",
- "selectedIconPath": "project/img/06.png"
- },
- {
- "pagePath": "project/sy3/sy3",
- "text": "我的",
- "iconPath": "project/img/07.png",
- "selectedIconPath": "project/img/08.png"
- }
- ]
- }
- }
2. 基础组件分为以下七大类:
视图容器 (View Container):
组件名 | 说明 |
---|---|
视图容器 | |
可滚动视图容器 | |
滑块视图容器 |
基础内容 (Basic Content):
组件名 | 说明 |
---|---|
图标: 引入阿里的图标:只需要复制代码链接和 iconfont.CSS 就好了 | |
文字 | |
进度条 |
表单 (Form):
标签名 | 说明 |
---|---|
按钮 | |
表单 | |
输入框 | |
多项选择器 | |
单项选择器 | |
列表选择器 | |
内嵌列表选择器 | |
滚动选择器 | |
开关选择器 | |
标签 |
导航 (Navigation):
组件名 | 说明 |
---|---|
应用链接 |
多媒体 (Media):
组件名 | 说明 |
---|---|
音频 | |
图片 | |
视频 |
地图 (Map):
组件名 | 说明 |
---|---|
地图 |
画布 (Canvas):
组件名 | 说明 |
---|---|
画布 |
后面需要慢慢补充
来源: http://www.bubuko.com/infodetail-2920623.html