微信小程序之旅(二)

在上篇文章中,我完成小程序的搭建,以及简单介绍了目录结构。同时提到了wxml是小程序的页面结构,类似于html,下面我们具体看一下wxml的具体用法。
在网页编程中,我们使用了html+css+js 这三驾马车的组合,在小程序里同样也有类似的组合,于html相对应的就是wxml了。
在这里插入图片描述
和html一样,wxml也是由标签和属性组成,区别的地方在于:
1、标签名不一样
在html里,我们通常使用div+css布局,知道常用的标签有div 、p 、span 、ul-li等。当然你还可以自定义一些标签(也就是我们说的组件),然后去使用自定义有特定功能的标签,这样大大提高了我们的开发效率。
在上面的图片中,大家可以看到小程序为我们提供了view、text、block、image等具有特定能力的标签,其这类标签的本质还是,自定义包装的,只不过这部分工作,小程序框架已经帮我们完成了。
2、小程序会有一类的指令属性
在小程序里,我们通过一种叫做指令的属性进行对标签的控制或者数据绑定,也就是使我们wxml和我们js逻辑产生关联,后面我们详细讲解这种用法。

下面我来具体看看一些常用标签的使用方法:

view:视图容器。类似html中的div,作为一个盒子去使用。
scrool-view:可滚动的视图。
icon:图标组件,用于显示一个图标。
text:文本组件,类似于html中的span,用于承载文本内容。
button:按钮组件。
image:图片组件
····
更多的标签机器使用方法请移步【小程序组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值