微信小程序中wxml的标签说明
对于不熟悉web开发的童鞋来说，开发微信小程序会遇到一个比较大的困难就是界面的排版问题了。其中wxml文件中的很多标签都需要慢慢的去熟悉，下面我就列出常用的标签及其分类。能够帮助之前没有经历过微信小程序前端开发的同学能够快速熟悉。一、视图容器(View Container)：二、基础内容(Basic Content)标签名说明标签名说明view视图容器icon 图标scroll-view可滚动视图
·
对于不熟悉web开发的童鞋来说，开发微信小程序会遇到一个比较大的困难就是界面的排版问题了。其中wxml文件中的很多标签都需要慢慢的去熟悉，下面我就列出常用的标签及其分类。能够帮助之前没有经历过微信小程序前端开发的同学能够快速熟悉。
| 一、视图容器(View Container)： | 二、基础内容(Basic Content) | ||
| 标签名 | 说明 | 标签名 | 说明 |
| view | 视图容器 | icon | 图标 |
| scroll-view | 可滚动视图容器 | text | 文字 |
| swiper | 可滑动的视图容器 | progress | 进度条 |
| 三、表单组件(Form) | 四、操作反馈组件(Interaction) | ||
| 标签名 | 说明 | 标签名 | 说明 |
| button | 按钮 | action-sheet | 上拉菜单 |
| form | 表单 | modal | 模态弹窗 |
| input | 输入框 | progress | 进度条 |
| checkbox | 多项选择器 | toast | 短通知 |
| radio | 单项选择器 | 五、导航(Navigation) | |
| picker | 列表选择器 | 组件名 | 说明 |
| slider | 滑动选择器 | navigator | 应用内跳转 |
| switch | 开关选择器 | ||
| label | 标签 | ||
| 六、多媒体(Media) | 七、地图(Map) | ||
| 标签名 | 说明 | 标签名 | 说明 |
| audio | 音频 | map | 地图 |
| image | 图片 | ||
| video | 视频 | ||
| 八、画布(Canvas) | |||
| 标签名 | 说明 | ||
| canvas | 画布 | ||
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
21
0- 0
已为社区贡献1条内容
所有评论(0)