64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
<template>
|
|
<div class="policy-container">
|
|
<!-- 顶部导航 -->
|
|
<MobileHeader :title="title" />
|
|
<img
|
|
v-if="from === 'BDLead'"
|
|
:src="bdLeaderImgUrl"
|
|
alt="bdleader Policy Image"
|
|
class="policy-image"
|
|
/>
|
|
<img :src="bdImgUrl" alt="bd Policy Image" class="policy-image" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, onMounted, ref } from 'vue'
|
|
import MobileHeader from '@/components/MobileHeader.vue'
|
|
import { useRoute } from 'vue-router'
|
|
|
|
const route = useRoute()
|
|
const from = ref('')
|
|
|
|
const title = ref('')
|
|
const bdImgUrl = ref('') //bd政策图
|
|
const bdLeaderImgUrl = ref('') //bdleader政策图
|
|
|
|
const updateImages = () => {
|
|
from.value = route.query.from || 'BDLead'
|
|
|
|
if (from.value === 'BD') {
|
|
title.value = 'BD Policy'
|
|
bdImgUrl.value = new URL('/src/assets/images/BDPolicy/BDPolicy.png', import.meta.url).href
|
|
} else if (from.value === 'BDLead') {
|
|
title.value = 'BD Leader Policy'
|
|
bdImgUrl.value = new URL('/src/assets/images/BDPolicy/BDPolicy.png', import.meta.url).href
|
|
bdLeaderImgUrl.value = new URL(
|
|
'/src/assets/images/BDPolicy/BDLeaderPolicy.png',
|
|
import.meta.url
|
|
).href
|
|
}
|
|
}
|
|
|
|
onMounted(() => {
|
|
updateImages()
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.policy-container {
|
|
height: 100vh;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.policy-container::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.policy-image {
|
|
display: block;
|
|
width: 100vw;
|
|
object-fit: cover;
|
|
}
|
|
</style>
|