|
|
@@ -31,21 +31,26 @@
|
|
|
|
|
|
<uv-list>
|
|
|
<uv-list-item
|
|
|
- clickable show-arrow :class="item.type!==3?'arrow-hide':''" v-for="(item,index) in dataList" :key="index" @click="handleClickDetail(item)">
|
|
|
+ clickable v-for="(item,index) in dataList" :key="index" @click="handleClickDetail(item)">
|
|
|
<template #default>
|
|
|
<view class="wallet-item">
|
|
|
- <view class="wallet-item_header">
|
|
|
- <view class="flex-inline">
|
|
|
- <text class="wallet-item_header-type">{{ fmtDictName('WalletDetail.type', item.type) }}</text>
|
|
|
- <uv-tags class="ml10" style="margin-left: 10px;" size="mini" plain
|
|
|
- :type="item.status==0?'primary':(item.status==1?'success':'error')"
|
|
|
- :text="fmtDictName('WalletDetail.status', item.status)"></uv-tags>
|
|
|
+ <view class="wallet-item_left">
|
|
|
+ <view class="wallet-item_header">
|
|
|
+ <view class="flex-inline">
|
|
|
+ <text class="wallet-item_header-type">{{ fmtDictName('WalletDetail.type', item.type) }}</text>
|
|
|
+ <uv-tags class="ml10" style="margin-left: 10px;" size="mini" plain
|
|
|
+ :type="item.status==0?'primary':(item.status==1?'success':'error')"
|
|
|
+ :text="fmtDictName('WalletDetail.status', item.status)"></uv-tags>
|
|
|
+ </view>
|
|
|
+ <text class="wallet-item_header-amt">{{ (item.amount / 100).toFixed(2) }}元</text>
|
|
|
+ </view>
|
|
|
+ <view class="wallet-item_body">
|
|
|
+ <text class="wallet-item_body-order">{{ item.orderNo }}</text>
|
|
|
+ <text class="wallet-item_body-time">{{ fmtDateTime(item.transactionTime) }}</text>
|
|
|
</view>
|
|
|
- <text class="wallet-item_header-amt">{{ (item.amount / 100).toFixed(2) }}元</text>
|
|
|
</view>
|
|
|
- <view class="wallet-item_body">
|
|
|
- <text class="wallet-item_body-order">{{ item.orderNo }}</text>
|
|
|
- <text class="wallet-item_body-time">{{ fmtDateTime(item.transactionTime) }}</text>
|
|
|
+ <view class="wallet-item_right">
|
|
|
+ <uv-icon name="arrow-right" v-if="item.type===3"></uv-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -224,48 +229,64 @@ const handleClickDetail = (walletDetail: any) => {
|
|
|
|
|
|
|
|
|
.wallet-item {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ display: inline-flex;
|
|
|
+ //flex-direction: column;
|
|
|
padding: 14rpx;
|
|
|
border-radius: 8rpx;
|
|
|
margin: 10rpx 16 prx 10rpx 10rpx;
|
|
|
|
|
|
|
|
|
- &_header {
|
|
|
- display: inline-flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
+ &_left {
|
|
|
+ flex: 1;
|
|
|
+ flex-direction: column;
|
|
|
|
|
|
- &-type {
|
|
|
- font-weight: 500;
|
|
|
- font-size: 14px;
|
|
|
- margin-right: 15rpx;
|
|
|
- }
|
|
|
+ .wallet-item_header {
|
|
|
+ width: 100%;
|
|
|
+ display: inline-flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
+ &-type {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ }
|
|
|
|
|
|
- &-status {
|
|
|
- font-size: 12px;
|
|
|
- margin-left: 6px;
|
|
|
- border: 1px solid $uni-color-primary;
|
|
|
- border-radius: 2rpx;
|
|
|
- }
|
|
|
|
|
|
- &-amt {
|
|
|
- font-weight: 500;
|
|
|
- font-size: 17px;
|
|
|
+ &-status {
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 6px;
|
|
|
+ border: 1px solid $uni-color-primary;
|
|
|
+ border-radius: 2rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-amt {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 17px;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- &_body {
|
|
|
- padding: 10rpx 0;
|
|
|
- display: inline-flex;
|
|
|
- justify-content: space-between;
|
|
|
+ .wallet-item_body {
|
|
|
+ width: 100%;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ display: inline-flex;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- &-order, &-time {
|
|
|
- font-size: 12px;
|
|
|
- color: $uni-color-subtitle
|
|
|
+ &-order, &-time {
|
|
|
+ font-size: 12px;
|
|
|
+ color: $uni-color-subtitle
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ &_right {
|
|
|
+ width: 42rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -283,7 +304,7 @@ const handleClickDetail = (walletDetail: any) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.arrow-hide{
|
|
|
+.arrow-hide {
|
|
|
.uv-icon {
|
|
|
visibility: hidden !important;
|
|
|
}
|