Files
midi-h5/pages/other/gradeRule.vue
2025-09-02 16:28:18 +08:00

62 lines
1.3 KiB
Vue

<template>
<view class="view-page" :style="{backgroundImage : `url('${ThemeData?.app_bg ?? $config.PRIMARY_BGURL}')`}">
<navBar :navTitle="`规则说明`" :style="{'margin-top' : `${statusBarHeight || 0}px`}">
</navBar>
<view class="dec-view" v-if="flagIndex !== null">
<web-view :src="`${httpUrl}/api/Page/page_show?id=${flagIndex === 1 ? 10 : 11}`"></web-view>
</view>
</view>
</template>
<script>
import navBar from '@/component/nav.vue';
import config from '@/until/config.js';
export default {
components: {
navBar
},
data() {
return {
httpUrl: null,
statusBarHeight: 0,
flagIndex: null,
ThemeData: null
}
},
onLoad(options) {
const {
h,
flag
} = options
this.flagIndex = +flag
this.httpUrl = config.BASE_URL
this.statusBarHeight = h
if (uni.getStorageSync('Theme_Data')) {
this.ThemeData = JSON.parse(uni.getStorageSync('Theme_Data'))
}
}
}
</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>