码迷,mamicode.com
首页 > 微信 > 详细

微信小程序开发基础必会

时间:2019-01-14 20:12:44      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:展示   输入   路径   组件   需要   ima   button   asi   inpu   

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 画布

后面需要慢慢补充

微信小程序开发基础必会

标签:展示   输入   路径   组件   需要   ima   button   asi   inpu   

原文地址:https://www.cnblogs.com/lujunan/p/9908972.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!