88 lines
2.0 KiB
Plaintext
88 lines
2.0 KiB
Plaintext
<!-- 品质 -->
|
|
<script setup lang="ts">
|
|
import HomeHead from '@/views/home/components/HomeHead.vue'
|
|
// import HomeHeadSearch from '@/views/home/components/HomeHeadSearch.vue'
|
|
import { useDate } from '@/views/home/hooks/useDate'
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<HomeHead class="top">
|
|
<template #content>
|
|
<!-- <HomeHeadSearch /> -->
|
|
</template>
|
|
</HomeHead>
|
|
<div class="mt30px mr20px flex w100% column">
|
|
<img src="./images/pinzhi.png" class="w100% topImg"/>
|
|
<div class="d-text">尽请期待</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="less">
|
|
.column {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0 60px;
|
|
.topImg {
|
|
margin-bottom: 80px;
|
|
margin-top: -60px;
|
|
}
|
|
}
|
|
.d-text {
|
|
color: #002FA7;
|
|
font-size: 26px;
|
|
line-height: 30px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding-left: 24px;
|
|
padding-right: 24px;
|
|
font-weight: bold;
|
|
&::before, &::after {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 42px;
|
|
height: 30px;
|
|
background: url("./images/yqid.png");
|
|
background-size: cover;
|
|
margin-right: 20px;;
|
|
}
|
|
&::after {
|
|
background-image: url("./images/zqid.png");
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
.top {
|
|
position: absolute;
|
|
right: 30px;
|
|
top: -92px;
|
|
}
|
|
|
|
.g-wrapper {
|
|
border-radius: 18px;
|
|
border: 1px solid #E7EBF5;
|
|
box-shadow: inset 1px 2px 12px rgba(14, 86, 221, 0.32);
|
|
overflow: hidden;
|
|
|
|
.timeline {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #142142;
|
|
|
|
.one {
|
|
position: relative;
|
|
.year{
|
|
left: -132px;
|
|
top: -14px;
|
|
color: #003CB7;
|
|
font-size: 26px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|