| | |
| | | <template> |
| | | <div class="container" ref="contaner"> |
| | | <div class="container" style="font-size: 14px" ref="contaner"> |
| | | <header> |
| | | <i @click="returnPath" class="el-icon-s-home" style="color: #00b4ff;position: absolute;font-size: 24px;left: 98%;top: 15%"></i> |
| | | <img src="@/assets/images/header-bg.png"/> |
| | |
| | | /> |
| | | <ul> |
| | | <li v-for="(item, index) in facilityData.video" :key="index"> |
| | | <div class="value"> |
| | | <div style="font-size: 14px" class="value"> |
| | | <animate-number from="0" :to="item.value" :key="item.value"></animate-number> |
| | | </div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | <ul> |
| | | <li v-for="(item, index) in facilityData.car" :key="index"> |
| | | <!-- <div class="value">{{ item.value ? item.value : "-" }}</div>--> |
| | | <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | :key="index" |
| | | > |
| | | <!-- <div class="value">{{ item.value ? item.value : "-" }}</div>--> |
| | | <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div class="title">{{ item.title }}</div> |
| | | <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div> |
| | | <div style="font-size: 14px" class="title">{{ item.title }}</div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | left: calc(50% - 425px); |
| | | animation: rotateCounterClockwise 48s linear infinite; |
| | | } |
| | | |
| | | </style> |