<template>
|
<div class="bank_card_page">
|
<van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('kf')" left-arrow
|
@click-left="$router.go(-1)">
|
</van-nav-bar>
|
<iframe :src="serverUrl+'?phone'+phone" width="100%" :height="screenHeight + 'px'"></iframe>
|
</div>
|
</template>
|
|
<script>
|
import { Toast } from 'mint-ui'
|
import { isNull, isPhone } from '@/utils/utils'
|
import * as api from '@/axios/api'
|
export default {
|
name: "kf",
|
data() {
|
return {
|
serverUrl: '',
|
screenHeight: 0,
|
phone:''
|
};
|
},
|
created() {
|
const { query } = this.$route;
|
this.phone = query.phone
|
},
|
mounted() {
|
this.getInfoSite()
|
this.screenHeight = window.innerHeight-100;
|
},
|
methods: {
|
async getInfoSite () {
|
// 获取 logo
|
let data = await api.getInfoSite()
|
if (data.status === 0) {
|
this.serverUrl = data.data.onlineService
|
} else {
|
Toast(data.msg)
|
}
|
}
|
}
|
};
|
</script>
|
|
<style scoped lang="less">
|
/deep/ .van-nav-bar__content {
|
height: 65px;
|
}
|
|
/deep/ .van-nav-bar__title {
|
font-family: "DINPro";
|
width: 100%;
|
height: 1.17333rem;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.48rem;
|
color: #14181f;
|
}
|
|
.bank_card_page {
|
width: 100%;
|
height: 100%;
|
.content {
|
width: 100%;
|
padding: 0.4rem 0.6rem;
|
line-height: 0.55rem;
|
font-size: 0.3rem;
|
}
|
}
|
</style>
|
