69 lines
1.5 KiB
Vue
69 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<view class="view-page">
|
||
|
|
<!-- <headerHeight /> -->
|
||
|
|
<navBar :style="{marginTop: `${statusBarHeight}${uni.getSystemInfoSync().platform === 'ios' ? 'px': 'dp'}`}" :navTitle="`关于我们`" :emitBack="true" @backEvent="back">
|
||
|
|
</navBar>
|
||
|
|
<view class="dec-view">
|
||
|
|
<web-view src="https://chat.qxmier.com/api/Page/page_show?id=20"></web-view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// import headerHeight from '@/component/headerHeight.vue';
|
||
|
|
import navBar from '@/component/nav.vue';
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
// headerHeight,
|
||
|
|
navBar
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
statusBarHeight:0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(options) {
|
||
|
|
const {
|
||
|
|
h
|
||
|
|
} = options
|
||
|
|
this.currentIndex = type !== undefined ? +type : 0
|
||
|
|
this.statusBarHeight = h
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
back() {
|
||
|
|
this.closeWeb()
|
||
|
|
},
|
||
|
|
closeWeb(){
|
||
|
|
const platform = uni.getSystemInfoSync().platform;
|
||
|
|
if (platform === 'ios') {
|
||
|
|
window.webkit.messageHandlers.nativeHandler.postMessage({
|
||
|
|
'action': 'closeWeb'
|
||
|
|
});
|
||
|
|
} else if (platform === 'android') {
|
||
|
|
window.Android.closeWeb();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.view-page {
|
||
|
|
min-height: 100vh;
|
||
|
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
||
|
|
background-image: url('@/static/image/help/bg.png');
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
img{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.dec-view {
|
||
|
|
min-height: calc(99vh - 160rpx);
|
||
|
|
position: relative;
|
||
|
|
border-radius: 16rpx;
|
||
|
|
margin: 24rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|