这篇文章主要为大家展示了“小程序moveable-area和movealbe-view有什么区别”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“小程序moveable-area和movealbe-view有什么区别”这篇文章吧。
一. movable-area
movable-view的可移动区域。
二. movalbe-view
可移动的视图容器，在页面中可以拖拽滑动
注意点
movable-view必须设置width和height。不然就会默认为10px.
movable-view必须在
movable-view 默认为绝对定位，top和left属性为0px
当movable-view小于movable-area时，movable-view的移动范围是在movable-area内；
当movable-view大于movable-area时，movable-view的移动范围必须包含movable-area（x轴方向和y轴方向分开考虑）
三. 可运行的代码
wxml
wxss
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.section_title_less {
font-size: 28rpx;
}
.area_less {
height: 200px;
width: 200px;
backgr免费云主机域名ound-color: red;
}
.view_less {
height: 50px;
width: 50px;
background-color: yellow;
}
.section_title_more {
font-size: 28rpx;
margin-top: 50px;
}
.area_more {
height: 50px;
width: 50px;
background-color: red;
}
.view_more {
height: 200px;
width: 200px;
border-color: green;
border-width: 2px;
border
js
Page({
/**
* 页面的初始数据
*/
data: {
x: “100px”,
y: “10px”
},
/**
* 生命周期函数–监听页面加载
*/
onLoad: function (options) {
},
change: function (event) {
// console.log(event);
},
scale: function (event) {
// console.log(event);
},
vtouchmove: function (event) {
console.log(“纵向”);
},
htouchmove: function (event) {
console.log(“横向”);
}
})以上是“小程序moveable-area和movealbe-view有什么区别”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！
相关推荐: SpringBoot项目中如何同时操作多个数据库
本篇内容主要讲解“SpringBoot项目中如何同时操作多个数据库”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“SpringBoot项目中如何同时操作多个数据库”吧!在实际项目开发中可能存在需要同时操作两个数据库的…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
