1.小程序端采用cover-view嵌套实现了下图红圈中的样式,并且覆盖在map控件上。

但是!转ios app时,因为cover-view无法嵌套,所以采用nvue单独写的控件覆盖原页面map上,但是出现了下图中的问题,不随页面滑动。
2.小程序一切正常,转ios APP时,用scroll-view实现下拉刷新,并用官方给出的demo,出现第一次下拉刷新正常,第二次卡死,代码片段如下:
<template>
<view>
<scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered"
:refresher-threshold="100" refresher-background="lightgreen" @refresherpulling="onPulling"
@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort"></scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
triggered: false
}
},
onLoad() {
this._freshing = false;
setTimeout(() => {
this.triggered = true;
}, 1000)
},
methods: {
onPulling(e) {
console.log("onpulling", e);
},
onRefresh() {
if (this._freshing) return;
this._freshing = true;
setTimeout(() => {
this.triggered = false;
this._freshing = false;
}, 3000)
},
onRestore() {
this.triggered = 'restore'; // 需要重置
console.log("onRestore");
},
onAbort() {
console.log("onAbort");
}
}
}
</script>