微信小程序开发第九天之视图容器

Posted 学无边涯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发第九天之视图容器相关的知识,希望对你有一定的参考价值。

1,cover-image用法

覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view,支持嵌套在cover-view里

2,cover-view用法

覆盖在原生组件之上的文本视图。

可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher

只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

3,movable-area 用法

movable-view的可移动区域。

4,movable-view 用法

可移动的视图容器,在页面中可以拖拽滑动。movable-view必须在 movable-area 组件中 www.cnmibee.com,并且必须是直接子节点,否则不能移动。

5,scroll-view用法

可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

6,swiper 用法

滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为

7,swiper-item 用法

仅可放置在swiper组件中,宽高自动设置为100%。

8,view 用法

cover-image

以上是关于微信小程序开发第九天之视图容器的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发-快捷键、标签

腾讯工程师教你9小时搞定微信小程序开发

微信小程序开发系列 (四) :微信小程序的页面跳转路由设计

微信小程序开发手册(配置和视图层)

微信小程序_小程序开发框架

微信小程序-03-小程序开发框架