41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
<template>
|
||
<div class="data-box">
|
||
<a-row :gutter="[16, 16]">
|
||
<a-col :xs="24" :sm="24" :xl="16">
|
||
<div>
|
||
<span class="data-title">销售额趋势</span>
|
||
<span class="data-subtext">单位：元</span>
|
||
</div>
|
||
<SellHistogram />
|
||
</a-col>
|
||
<a-col :xs="24" :sm="24" :xl="8">
|
||
<div>
|
||
<span class="data-title">现金分析</span>
|
||
<span class="data-subtext">单位：元</span>
|
||
</div>
|
||
<MonthlyAnalysis />
|
||
</a-col>
|
||
</a-row>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import SellHistogram from "@/views/home/components/sell-histogram.vue";
|
||
import MonthlyAnalysis from "@/views/home/components/monthly-analysis.vue";
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.data-box {
|
||
margin-top: calc($padding * 2);
|
||
// border: 1px solid red;
|
||
.data-title {
|
||
font-size: $font-size-body-3;
|
||
color: $color-text-1;
|
||
}
|
||
.data-subtext {
|
||
font-size: $font-size-body-2;
|
||
color: $color-text-2;
|
||
}
|
||
}
|
||
</style>
|