80 lines
2.2 KiB
Vue
80 lines
2.2 KiB
Vue
<template>
|
|
<div class='ui-mobile-aboutUs'>
|
|
<img :src='newImages' alt='' class='ui-mobile-aboutUs-bg'>
|
|
<div class='ui-health-aboutUs-title'>{{t('message.AboutUs.title2')}}</div>
|
|
<div class='ui-health-aboutUs-subtitle'>{{topSubtitle}}</div>
|
|
<img class='ui-health-aboutUs-img' src='https://image.fulllinkai.com/202309/18/2d40c39264c2e3ce1e3218bccd31a0b2.png' alt=''>
|
|
<div class='ui-health-aboutUs-title'>{{t('message.AboutUs.title3')}}</div>
|
|
<div class='ui-health-aboutUs-subtitleV2'>{{centerSubtitle}}</div>
|
|
<img class='ui-health-aboutUs-img' src='https://image.fulllinkai.com/202309/18/7c62b1a8de3bd3e3c94d6cb442836bd0.png' alt=''>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import { computed } from 'vue'
|
|
const { t,locale } = useI18n()
|
|
|
|
const newImages = computed(() => {
|
|
return t('message.AboutUs.imgM1')
|
|
})
|
|
const topSubtitle = computed(() => {
|
|
return t('message.AboutUs.subtitle1V1')+'\n' +
|
|
|
|
'\n' +
|
|
t('message.AboutUs.subtitle1V2')+'\n' +
|
|
t('message.AboutUs.subtitle1V3')+'\n' +
|
|
'\n' +
|
|
t('message.AboutUs.subtitle1V4')+'\n' +
|
|
t('message.AboutUs.subtitle1V5')
|
|
})
|
|
|
|
const centerSubtitle =computed(() => {
|
|
return t('message.AboutUs.subtitle2V1')+'\n' +
|
|
t('message.AboutUs.subtitle2V2')
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.ui-mobile-aboutUs{
|
|
width: 100%;
|
|
padding-bottom: 96px;
|
|
background: url("https://image.fulllinkai.com/202309/18/11f991ca4d1b3d5b0d8c443c5b66c2a9.png") no-repeat center;
|
|
background-size: cover;
|
|
text-align: center;
|
|
}
|
|
.ui-mobile-aboutUs-bg{
|
|
width: 100%;
|
|
height: 256px;
|
|
object-fit: cover;
|
|
}
|
|
.ui-health-aboutUs-title{
|
|
margin: 64px 0 24px;
|
|
font-size: 24px;
|
|
font-weight: 900;
|
|
color: #375FFF;
|
|
line-height: 24px;
|
|
}
|
|
.ui-health-aboutUs-subtitle{
|
|
padding: 0 20px;
|
|
font-size: 14px;
|
|
font-weight: 350;
|
|
color: #0A112E;
|
|
line-height: 28px;
|
|
white-space: pre-wrap;
|
|
}
|
|
.ui-health-aboutUs-subtitleV2{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #0F1A46;
|
|
line-height: 28px;
|
|
white-space: pre-wrap;
|
|
}
|
|
.ui-health-aboutUs-img{
|
|
margin-top: 24px;
|
|
width: 100%;
|
|
height: 184px;
|
|
object-fit: cover;
|
|
}
|
|
</style>
|