小程序 movable-view cover-view

 movable-view

可移动视图

movable-view操作

  
  

dircetion 可以拖动的方向

scale 可以双指拖放

inertia 惯性操作 

页面高度100%设置

需要先设置page整页样式,注意page前没有小数点

/* movable-view/movable-view.wxss */
page{
  height: 100%
}
.area{
  width: 100%;
  height: 100%;
  background-color: #ACD;
}

.view{
  width: 100rpx;
  height: 100rpx;
  background-color: red;
}

 cover-view

cover-view | 微信开放文档 (qq.com)

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

目前原生组件均已支持同层渲染,建议使用 view 替代。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher

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

可以用于类似视屏覆盖,可以通过覆盖视屏控制暂停和播放功能

你可能感兴趣的:(微信小程序学习笔记,小程序)