|
|
@@ -6,8 +6,7 @@
|
|
|
<view class="table-header">
|
|
|
<view class="header-item time-col">申请时间</view>
|
|
|
<view class="header-item arrival-col">到账时间</view>
|
|
|
- <view class="header-item amount-col">提现</view>
|
|
|
- <view class="header-item actual-col">实到</view>
|
|
|
+ <view class="header-item amount-col">提现金额</view>
|
|
|
<view class="header-item status-col">状态</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -31,10 +30,6 @@
|
|
|
<view class="row-item amount-col" @click="getDetail(item.id)">
|
|
|
<view class="amount-text">{{item.amount}}</view>
|
|
|
</view>
|
|
|
- <view class="row-item actual-col" @click="getDetail(item.id)">
|
|
|
- <view class="actual-text" v-if="item.status==2"></view>
|
|
|
- <view class="actual-text" v-else></view>
|
|
|
- </view>
|
|
|
<view class="row-item status-col" @click="getDetail(item.id)">
|
|
|
<view class="status-text">{{item.status==1?'处理中':item.status==2?'已到账':'失败'}}</view>
|
|
|
</view>
|
|
|
@@ -96,19 +91,31 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+/**
|
|
|
+ * 提现记录列表
|
|
|
+ * 四列等比铺满屏幕宽度,避免固定 upx 宽度导致右侧留白
|
|
|
+ */
|
|
|
.app-content {
|
|
|
background-color: #f5f5f5;
|
|
|
min-height: 100vh;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.main-view {
|
|
|
padding: 0;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.table-header {
|
|
|
display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
background-color: #F0F2F6;
|
|
|
- padding: 24upx 16upx;
|
|
|
+ padding: 24upx 0;
|
|
|
margin-bottom: 2upx;
|
|
|
font-size: 32upx;
|
|
|
font-weight: 600;
|
|
|
@@ -118,11 +125,16 @@ export default {
|
|
|
.table-body {
|
|
|
background-color: #fff;
|
|
|
overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.table-row {
|
|
|
display: flex;
|
|
|
- padding: 24upx 16upx;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 24upx 0;
|
|
|
border-bottom: 1upx solid #f0f0f0;
|
|
|
transition: background-color 0.2s ease;
|
|
|
|
|
|
@@ -135,42 +147,47 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.header-item {
|
|
|
- font-size: 32upx;
|
|
|
- font-weight: 600;
|
|
|
- color: #000;
|
|
|
-}
|
|
|
-
|
|
|
+.header-item,
|
|
|
.row-item {
|
|
|
+ flex: 1;
|
|
|
+ width: 0;
|
|
|
+ min-width: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 8upx;
|
|
|
font-size: 30upx;
|
|
|
color: #000;
|
|
|
display: flex;
|
|
|
+ flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.header-item {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.time-col {
|
|
|
- flex: 0 0 180upx;
|
|
|
+ flex: 1.35;
|
|
|
justify-content: flex-start;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
.arrival-col {
|
|
|
- flex: 0 0 150upx;
|
|
|
+ flex: 1.15;
|
|
|
}
|
|
|
|
|
|
.amount-col {
|
|
|
- flex: 0 0 120upx;
|
|
|
-}
|
|
|
-
|
|
|
-.actual-col {
|
|
|
- flex: 0 0 100upx;
|
|
|
+ flex: 1;
|
|
|
}
|
|
|
|
|
|
.status-col {
|
|
|
- flex: 0 0 100upx;
|
|
|
+ flex: 0.95;
|
|
|
}
|
|
|
|
|
|
.time-info {
|
|
|
+ width: 100%;
|
|
|
text-align: left;
|
|
|
|
|
|
.time {
|
|
|
@@ -187,10 +204,12 @@ export default {
|
|
|
|
|
|
.arrival-text,
|
|
|
.amount-text,
|
|
|
-.actual-text,
|
|
|
.status-text {
|
|
|
font-size: 30upx;
|
|
|
color: #000;
|
|
|
font-weight: 500;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ word-break: break-all;
|
|
|
}
|
|
|
</style>
|