微信小程序中wxml的标签说明

对于不熟悉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画布

  • 21
    点赞
  • 76
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值