You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<section class="p-12px flex gap-24px">
|
|
|
|
|
<section class="flex flex-col gap-8px flex-content-center">
|
|
|
|
|
<section>任务数</section>
|
|
|
|
|
<count-to
|
|
|
|
|
:start-val="0"
|
|
|
|
|
:end-val="1000"
|
|
|
|
|
:duration="2000"
|
|
|
|
|
:options="{ decimal: 2 }"
|
|
|
|
|
suffix="+"
|
|
|
|
|
class="font-bold color-#FFE700"
|
|
|
|
|
/>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="flex flex-col gap-8px flex-content-center">
|
|
|
|
|
<section>执法数</section>
|
|
|
|
|
<count-to
|
|
|
|
|
:start-val="0"
|
|
|
|
|
:end-val="1000"
|
|
|
|
|
:duration="2000"
|
|
|
|
|
:options="{ decimal: 2 }"
|
|
|
|
|
suffix="+"
|
|
|
|
|
class="font-bold color-#16B1FF"
|
|
|
|
|
/>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="flex flex-col gap-8px flex-content-center">
|
|
|
|
|
<section>企业数</section>
|
|
|
|
|
<count-to
|
|
|
|
|
:start-val="0"
|
|
|
|
|
:end-val="100"
|
|
|
|
|
:duration="2000"
|
|
|
|
|
:options="{ decimal: 2 }"
|
|
|
|
|
suffix="+"
|
|
|
|
|
class="font-bold color-#56CA00"
|
|
|
|
|
/>
|
|
|
|
|
</section>
|
|
|
|
|
</section>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"></style>
|
