|
|
|
@ -33,7 +33,7 @@ |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-card> |
|
|
|
|
<el-row :gutter="10" class="order"> |
|
|
|
|
<el-row :gutter="10" class="order" type="flex"> |
|
|
|
|
<el-col :span="14"> |
|
|
|
|
<el-card> |
|
|
|
|
<div class="card-title">全部订单</div> |
|
|
|
@ -72,10 +72,16 @@ |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<el-card>2</el-card> |
|
|
|
|
<el-card class="today-order"> |
|
|
|
|
<div class="num">569</div> |
|
|
|
|
<div class="bottom-label">今日订单数</div> |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="5"> |
|
|
|
|
<el-card>2</el-card> |
|
|
|
|
<el-card class="total-income"> |
|
|
|
|
<div class="num">569.00</div> |
|
|
|
|
<div class="bottom-label">今日总收入</div> |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
@ -118,6 +124,16 @@ export default { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.num { |
|
|
|
|
font-size: 24px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bottom-label { |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&>.today { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
|
|
|
@ -140,16 +156,6 @@ export default { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.num { |
|
|
|
|
font-size: 24px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bottom-label { |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.up { |
|
|
|
|
color: red; |
|
|
|
|
} |
|
|
|
@ -194,6 +200,15 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.today-order, |
|
|
|
|
.total-income { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|