52 lines
1.0 KiB
Vue
52 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<view class="view-page">
|
||
|
|
<navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
|
||
|
|
</navBar>
|
||
|
|
<view class="dec-view" v-if="flagIndex !== null">
|
||
|
|
<web-view :src="`https://chat.qxmier.com/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import navBar from '@/component/nav.vue';
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
navBar
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
statusBarHeight:0,
|
||
|
|
flagIndex:null
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(options) {
|
||
|
|
const {
|
||
|
|
h,flag
|
||
|
|
} = options
|
||
|
|
this.flagIndex = +flag
|
||
|
|
this.statusBarHeight = h
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</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>
|