4 changed files with 123 additions and 10 deletions
@ -0,0 +1,108 @@ |
|||
<template> |
|||
<view> |
|||
<uni-datetime-picker style="margin-bottom:10px;" v-model="range" type="daterange" /> |
|||
<view class="IndexContent"> |
|||
<view class="contentPadding"> |
|||
<u-grid :col="2"> |
|||
<u-grid-item> |
|||
<u-count-to :start-val="0" :end-val="shopInfo.totalAmount" :decimals="2"></u-count-to> |
|||
<text class="grid-text">销售总金额</text> |
|||
</u-grid-item> |
|||
<u-grid-item> |
|||
<u-count-to :start-val="0" :end-val="shopInfo.totalCount"></u-count-to> |
|||
<view class="grid-text">销售笔数</view> |
|||
</u-grid-item> |
|||
<u-grid-item> |
|||
<u-count-to :start-val="0" :end-val="type==0?shopInfo.totalProfit:0" :decimals="2"></u-count-to> |
|||
<view class="grid-text">今日利润</view> |
|||
</u-grid-item> |
|||
<u-grid-item> |
|||
<u-count-to :start-val="0" :end-val="shopInfo.totalCCount"></u-count-to> |
|||
<view class="grid-text">下单客户数</view> |
|||
</u-grid-item> |
|||
</u-grid> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
range:'' |
|||
}; |
|||
}, |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
onShow(){ |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.contentPadding { |
|||
padding: 28upx 20upx; |
|||
background-color: #fff; |
|||
color: #909399; |
|||
|
|||
.title { |
|||
padding-left: 20rpx; |
|||
font-size: 32rpx; |
|||
color: #303133; |
|||
margin-bottom: 26rpx; |
|||
line-height: 66rpx; |
|||
|
|||
image { |
|||
display: inline-block; |
|||
width: 40rpx; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.btn { |
|||
text-align: right; |
|||
width: 24%; |
|||
float: right; |
|||
font-size: 26rpx; |
|||
color: $u-primary; |
|||
} |
|||
} |
|||
.grid-text { |
|||
font-size: 28rpx; |
|||
margin-bottom: 26rpx; |
|||
} |
|||
} |
|||
.u-grid-item.data-v-5b3a01af { |
|||
width: 44% !important; |
|||
height: 160rpx; |
|||
background: linear-gradient(#84C1FF, #C4E1FF) !important; |
|||
margin-left: 4%; |
|||
border-radius: 30rpx; |
|||
margin-top: 20rpx !important; |
|||
color: #fff !important; |
|||
|
|||
} |
|||
|
|||
.u-grid-item.data-v-5b3a01af:nth-child(2) { |
|||
background: linear-gradient(#FFBB77, #FFDCB9) !important; |
|||
} |
|||
|
|||
.u-grid-item.data-v-5b3a01af:nth-child(3) { |
|||
background: linear-gradient(#1AFD9C, #7AFEC6) !important; |
|||
} |
|||
|
|||
.u-grid-item.data-v-5b3a01af:nth-child(4) { |
|||
background: linear-gradient(#79FF79, #BBFFBB) !important; |
|||
} |
|||
.u-count-num { |
|||
color: #FFF !important |
|||
} |
|||
.uni-date{ |
|||
background: #fff; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue