小程序常用组件-视图容器

小程序常用组件-视图容器,第1张

本系列主要对小程序常用的组件做一个总结,方便自己及其它小程序姿携开发者作为字典查阅和检索。

小程序组件有一些公共属性,在每个组件中代表的意义和数据类型都是一样的。

容器组件:内部能嵌套任何标签。常用的视图容器有: view , scroll-view , swiper

<view/> 是一个块级容器组件,任何一种复杂的布局都可以嵌套在 <view/> 组件内,并在 *.wxss 中设置相关样式。

<view/> 除了上述组件共有的属性外,还包含一组关于点击行为的属性。

在布局中,需要容器具有可滑动的功能,且能监听滚动、触顶郑谨、触底等事件,就需要 <scroll-view/> 组件, <scroll-view/> 在 <view/> 组件上添加滚动相关的属性,通过这些属性,可以响应滚动相关事件。

注意:

<textarea/>, <video/>, <map/>, <canvas/> 不能嵌套在 <scroll-view/>中使用

利用 swiper 组件,可以实现轮播图,滑动页面,预览图片等,一个完整的滑块视图软件由 <swiper/> 和 <swiper-item/> 两个标签组成,不能单独喊册基使用。一个 <swiper/> 只能嵌套一个或多个 <swiper-item/>标签,放置其它的标签会被删除,其中, <swiper-item/> 中能放置任何标签,高度默认为 100% ,另外没有任何其它特殊属性。

<swiper/> 的属性如下:

在微信小程序内设亮键森置文字在view标签垂直居中的办法:

<view class="father">我是儿子</view>.father{line-height:82rpxwidth:100%}

微亮此信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想。

用户扫一扫或搜一下即可打开应用。

拓展内容:

2016年1月11日,微信之父张小龙时隔多年的公开亮相,解读了微信的四大价值观。张小龙指出,越来越多产品通过公众号来做,因为这里开发、获取用户和传播成本更低。拆分出来的服务号并没有提供更好的服务,所以微信内部正在研究新的形敬亩态,叫「微信小程序」。

2016年9月21日,微信小程序正式开启内测。在微信生态下,触手可及、用完即走的微信小程序引起广泛关注。腾讯云正式上线微信小程序解决方案,提供小程序在云端服务器的技术方案。

2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线,用户可以体验到各种各样小程序提供的服务。

<view wx:if="{{flag}}">内容</view>

js代码

data{

flag:false;誉塌

}

可以绑定事件setData改庆颤圆变洞陵flag的值


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12376494.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存