|
@@ -1,19 +1,11 @@
|
|
|
<template>
|
|
|
<div class="page_item">
|
|
|
- <van-image
|
|
|
- width="147"
|
|
|
- height="48"
|
|
|
- class="jiaotonglogo"
|
|
|
- :src="jiaotonglogo"
|
|
|
- />
|
|
|
<van-image width="20" height="20" class="down" :src="down" />
|
|
|
<div class="title">
|
|
|
<span class="bigTitle">2023</span>
|
|
|
年
|
|
|
- <span class="bigTitle">4</span>
|
|
|
+ <span class="bigTitle">5</span>
|
|
|
月
|
|
|
- <span class="bigTitle">11</span>
|
|
|
- 日
|
|
|
<div>
|
|
|
西安市机动车保有量正式迈入
|
|
|
<span class="bigTitle">
|
|
@@ -30,7 +22,6 @@
|
|
|
</template>
|
|
|
<script setup>
|
|
|
// import { onMounted, reactive } from "vue";
|
|
|
-import jiaotonglogo from '../../../assets/img/jiaotong.png';
|
|
|
import down from '../../../assets/img/down.png';
|
|
|
import countTo from '@/components/counto/vue-countTo.vue';
|
|
|
</script>
|
|
@@ -44,11 +35,6 @@ import countTo from '@/components/counto/vue-countTo.vue';
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
|
|
|
-.jiaotonglogo {
|
|
|
- position: absolute;
|
|
|
- top: 13px;
|
|
|
- right: 11px;
|
|
|
-}
|
|
|
.down {
|
|
|
animation: down 1s infinite alternate;
|
|
|
position: absolute;
|
|
@@ -83,7 +69,7 @@ import countTo from '@/components/counto/vue-countTo.vue';
|
|
|
.bigTitle500{
|
|
|
font-size: 84px;
|
|
|
position: absolute;
|
|
|
- top: 350px;
|
|
|
+ top: 211px;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%)
|
|
|
}
|