uniapp中movable-area的应用

今天客户提了一个需求,想做一个页面,页面中放一张底图,可以滑动这张底图,也可以放大显示这个底图,形式上类似百度地图的操作一样。找了找资料,发现使用movable-area和movable-view配合起来使用能实现这样的效果。示例代码如下:

一、代码:






二、效果:

效果

注意:

底图的比例尽可能大于手机的高与宽的比值,这样滑动的时候不会出现底部显示不全。

你可能感兴趣的:(uniapp中movable-area的应用)