微信小程序开发基础必会
时间：2019-01-14 20:12:44
收藏：0
阅读：177
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)：
| 组件名 | 说明 |
|---|---|
| view | 视图容器 |
| scroll-view | 可滚动视图容器 |
| swiper | 滑块视图容器 |
基础内容(Basic Content)：
| 组件名 | 说明 |
|---|---|
| icon | 图标:引入阿里的图标：只需要复制代码链接和iconfont.css就好了 |
| text | 文字 |
| progress | 进度条 |
表单(Form)：
| 标签名 | 说明 |
|---|---|
| button | 按钮 |
| form | 表单 |
| input | 输入框 |
| checkbox | 多项选择器 |
| radio | 单项选择器 |
| picker | 列表选择器 |
| picker-view | 内嵌列表选择器 |
| slider | 滚动选择器 |
| switch | 开关选择器 |
| label | 标签 |
导航(Navigation)：
| 组件名 | 说明 |
|---|---|
| navigator | 应用链接 |
多媒体(Media)：
| 组件名 | 说明 |
|---|---|
| audio | 音频 |
| image | 图片 |
| video | 视频 |
地图(Map)：
| 组件名 | 说明 |
|---|---|
| map | 地图 |
画布(Canvas)：
| 组件名 | 说明 |
|---|---|
| canvas | 画布 |
后面需要慢慢补充
评论（0）