123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <template>
- <div class="Statistics">
- <span class="title">{{ statisticsMsg.title }}</span>
- <span class="total">{{ statisticsMsg.total }}</span>
- </div>
- </template>
- <script lang="ts">
- interface Statistics {
- title: string
- total: number
- }
- import { Vue, Component, Prop } from "vue-property-decorator";
- @Component({
- name: "adm-statistics"
- })
- export default class extends Vue {
- @Prop({ type: Object }) statisticsMsg: Statistics;
- }
- </script>
- <style scoped lang="scss">
- $dib: inline-block;
- $h: 67px;
- .Statistics {
- height: $h;
- background: #E2E3E4;
- margin: 12px;
- .title {
- display: $dib;
- font-size: 16px;
- color: #646C73;
- line-height: $h;
- margin-left: 25px;
- margin-right: 21px;
- }
- .total {
- display: $dib;
- font-size: 22px;
- font-weight: 500;
- color: #1F2429;
- line-height: $h;
- }
- }
- </style>
|