微信小程序官方文档错误整理(组件篇)

发布时间:2021-05-30浏览次数:990 次
注意要测试小程序横屏,首先需要开启手机的自动旋转,其次要开启微信->我-->设置-->通用--->开启横屏模式。 其次要在小程序的页面配置中配置:屏幕旋转设置,

一、视图容器

1.1 match-media组件

文档示例:

<match-media min-height="400" orientation="landscape">
  <view>当页面高度不小于 400 px 且屏幕方向为纵向时展示这里view>
match-media>

其中:官方的描述有误,landscape是横向,portrait是纵向,正确的描述应该为:屏幕方向为横向。

注意要测试小程序横屏,首先需要开启手机的自动旋转,其次要开启微信->我-->设置-->通用--->开启横屏模式。

其次要在小程序的页面配置中配置:屏幕旋转设置,即:pageOrientation为auto。

1.2 movable-view组件

其中:direction属性为必填属性,官方文章中标示非必填属性,导致大家在实测时,发现movable-view不能拖动。

 

扫一扫,在手机上查看