83 lines
1.8 KiB
Vue
83 lines
1.8 KiB
Vue
<template>
|
|
<view :style="themeColor">
|
|
<!-- #ifndef MP-HARMONY -->
|
|
<view class="iconfont iconshang navigate-back" @click="navigateBack"></view>
|
|
<!-- #endif -->
|
|
<web-view :src="src" @titleUpdate="updateNavbarTitle"></web-view>
|
|
|
|
<!-- #ifdef MP-HARMONY -->
|
|
<cover-view class="iconfont iconshang navigate-back" @click="navigateBack"></cover-view>
|
|
<!-- #endif -->
|
|
|
|
<!-- 隐私弹窗 -->
|
|
<privacy-popup ref="privacyPopup"></privacy-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { decodeEntity } from '@/common/js/util.js';
|
|
|
|
|
|
/**
|
|
* 必须真机调试
|
|
* 在微信模拟器中，行为和真机不一样
|
|
* 1. 模拟器中，设置标题不生效，但是，在真机是可以的。
|
|
*/
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
src: '',
|
|
title: '', // 标题栏标题
|
|
enableSetTitle: false, // 是否强制设置标题，用来替换Webview中的默认标题
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
this.title = decodeURIComponent(option?.title ?? '');
|
|
this.enableSetTitle = decodeURIComponent(option?.enable_set_title) == 1;
|
|
|
|
// #ifdef H5
|
|
this.src = decodeEntity(decodeURIComponent(option.src));
|
|
// #endif
|
|
|
|
// #ifndef H5
|
|
this.src = decodeEntity(decodeURIComponent(`${option.src}&from=mp-webview`));
|
|
// #endif
|
|
},
|
|
onShow() {
|
|
this.updateNavbarTitle();
|
|
},
|
|
watch: {
|
|
title(newVal) {
|
|
this.updateNavbarTitle(newVal);
|
|
},
|
|
enableSetTitle() {
|
|
this.updateNavbarTitle();
|
|
}
|
|
},
|
|
methods: {
|
|
navigateBack() {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
});
|
|
},
|
|
updateNavbarTitle(newTitle) {
|
|
const title = newTitle ?? this.title;
|
|
if (this.enableSetTitle) {
|
|
uni.setNavigationBarTitle({title});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.navigate-back {
|
|
position: absolute;
|
|
top: 34rpx;
|
|
left: 34rpx;
|
|
z-index: 5;
|
|
font-size: $font-size-toolbar;
|
|
}
|
|
</style>
|