123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- <template>
- <view class="bg-model-content" :class="textCollection.type==1?'bg-color':'bg-color1'">
-
- <view class="box-pack-between">
- <view class="total">
- <view class="total-tip">
- {{date}}{{textCollection.title}}
- </view>
- <view class="total-num">
- {{ obj.total||0}}
- </view>
- </view>
- <navigator hover-class="none" class="total-more" v-if="textCollection.type==1" url="../data/data">
- <view class="flex-y-center">更多数据 <image src="../../static/images/more.png" class="more-icon">
- </image>
- </view>
- </navigator>
- </view>
-
- <view class="box-pack-between">
- <view class="total-bottom">
- <view class="total-bottom-title">
- {{textCollection.wx}}
- </view>
- <view class="total-bottom-price">
- {{obj.wx||0}}
- </view>
- </view>
- <view class="total-bottom">
- <view class="total-bottom-title">
- {{textCollection.ali}}
- </view>
- <view class="total-bottom-price">
- {{obj.zfb||0}}
- </view>
- </view>
-
- <view class="total-bottom" v-if="textCollection.money">
- <view class="total-bottom-title">
- {{textCollection.money}}
- </view>
- <view class="total-bottom-price">
- {{obj.cash||0}}
- </view>
- </view>
-
- <view class="total-bottom" v-if="textCollection.menber">
- <view class="total-bottom-title">
- {{textCollection.menber}}
- </view>
- <view class="total-bottom-price">
- {{obj.menber||0}}
- </view>
- </view>
-
- <view class="total-bottom" v-if="textCollection.juhe">
- <view class="total-bottom-title">
- {{textCollection.juhe}}
- </view>
- <view class="total-bottom-price">
- {{obj.juhe||0}}
- </view>
- </view>
-
- </view>
- </view>
- </template>
- <script>
- export default {
- props: {
- obj: {
- type: Object,
- },
- textCollection: {
- type: Object,
- },
- date:{
- type:String
- }
- },
- data() {
- return {
- }
- },
- }
- </script>
- <style>
- .bg-color{
- color: #3387FF;
- }
- .bg-color1{
- color: #333;
- }
- .bg-model-content {
- position: relative;
- width: 690rpx;
- height: 361rpx;
- margin: 0 auto;
- padding: 50rpx 30rpx 30rpx 30rpx;
-
- }
- .total-tip {
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC-Regular;
- font-weight: 400;
- text-align: left;
- color: #a2a2a2;
- }
- .total-num {
- font-size: 64rpx;
- font-family: PingFang SC, PingFang SC-Medium;
- font-weight: 500;
- padding: 20rpx 0 40rpx 0;
- }
- .total-more {
- font-size: 22rpx;
-
- font-weight: 500;
- }
- .total-more .more-icon {
- width: 22rpx;
- height: 22rpx;
- margin-left: 10rpx;
- }
- .total-bottom-title {
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC-Regular;
- font-weight: 400;
- text-align: center;
- color: #a2a2a2;
- margin-bottom: 12rpx;
- }
- .total-bottom-price {
- font-size: 30rpx;
- font-family: PingFang SC, PingFang SC-Medium;
- font-weight: 500;
- text-align: center;
- }
- </style>
|