Authored by zhangwenxue

fix(订单跟踪): fix #6219

6219	【闲鱼合作】ios出售订单物流详情中的title刷新后“订单跟踪”就不显示了 ,见app

修改为页面使用scroll-view,禁止原生刷新
<template>
<layout-app :title="logisticInfo.expressSender">
<scroll-view
ref="scroll"
:data="detailList"
:options="scrollOption"
@pulling-down="onPullingDown">
<div class="logistics-wrapper">
<div class="header">
<img class="step" alt="" :src="stageImgUrl" />
... ... @@ -87,6 +92,13 @@
</div>
</div>
</div>
<template slot="pulldown" slot-scope="props">
<div v-if="props.pullDownRefresh"
class="cube-pulldown-wrapper"
:style="props.pullDownStyle">
</div>
</template>
</scroll-view>
</layout-app>
</template>
... ... @@ -95,6 +107,7 @@ import { createNamespacedHelpers } from "vuex";
import TimeLine from "./components/time-line";
import { expressTypeEnum } from "constants/logistics-constants";
import CountDown from "./components/count-down";
import ScrollView from "components/layout/scroll-view";
import { Button } from "cube-ui";
import Clipboard from "clipboard";
... ... @@ -106,16 +119,25 @@ export default {
components: {
TimeLine,
CountDown,
Button
ScrollView,
Button,
},
data() {
return {
stageImgUrl: "",
imageUrls: []
stageImgUrl: '',
imageUrls: [],
scrollOption: {
pullDownRefresh: {
threshold: 70,
stop: 90
},
observeDOM: false,
pullUpLoad: false,
},
};
},
computed: {
...mapState(["logisticInfo"]),
...mapState(['logisticInfo']),
platformName() {
const { expressType: type } = this.logisticInfo;
... ... @@ -203,7 +225,6 @@ export default {
}).show();
}
},
flawRejectDialog() {
this.$createDialog({
type: "confirm",
... ... @@ -236,6 +257,9 @@ export default {
onCancel: () => {}
}).show();
},
onPullingDown() {
this.fetchLogisticInfo(this.$route.params);
}
},
activated() {
... ...