微信小程序-视图容器view

本文介绍了微信小程序中视图容器view的使用,包括嵌入子view、横向布局、文字、空格和条件显示等。讲解了如何通过view进行页面布局,并探讨了Flex布局的属性,如flex-direction、flex-wrap等,以及文字处理和条件显示的方法。
摘要由CSDN通过智能技术生成

欢迎大家关注我的个人微信订阅号 A321之旅

A321之旅

视图容器,倘若进行分开理解,视图就是希望用户所看到的,而容器则是指可以包容其他的功能组件,从整个页面的角度理解为占位符,而从所包含的功能组件的角度理解为框架。个人理解,此为所有组件中最重要的一个。

视图容器中最基本的,最常用的是 view,可以实现对整个页面的划分,实现页面布局的控制,以及对一些其他组件进行捆绑,方便进行整体的处理,类似于html中的div。在实际代码开发上会大量使用视图容器,以体现对整个程序的架构、模块的理解和控制。视图容器本身并无预设的功能逻辑(我这里是指如button、input等),但通过它的样式设置(如class)、属性(如hover)、事件响应(如bindtap)等进行组合可以模拟很多其他的组件效果。这点在我读过的另一本书 深入理解Bootstrap 中提到了。

view

最基本的视图,就如同在整个页面画格子一样,利用 view 将页面划分成一个个小格子,网格化后再填充所需的功能组件。

嵌入子view

view可以内嵌入另一个view作为子view,相当于对view进一步分割。

<view>
  <view>名称:{
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值