|
|
@@ -4,8 +4,8 @@
|
|
|
<view class="bc-head">
|
|
|
<text class="bc-th bc-th--time">时间</text>
|
|
|
<text class="bc-th bc-th--event">事项</text>
|
|
|
- <text class="bc-th bc-th--amt">变动</text>
|
|
|
- <text class="bc-th bc-th--bal">余额</text>
|
|
|
+ <!-- 变动/余额合成一列，给事项留出更宽展示空间 -->
|
|
|
+ <text class="bc-th bc-th--money">变动/余额</text>
|
|
|
</view>
|
|
|
<view class="bc-body">
|
|
|
<view
|
|
|
@@ -28,10 +28,9 @@
|
|
|
<text v-if="item.showStaff" class="bc-meta">{{ item.staffName }}</text>
|
|
|
<text v-if="item.showRemark" class="bc-meta bc-meta--remark">{{ item.remark }}</text>
|
|
|
</view>
|
|
|
- <view class="bc-td bc-td--amt">
|
|
|
+ <!-- 上变动、下余额，避免两列并排挤占事项宽度 -->
|
|
|
+ <view class="bc-td bc-td--money">
|
|
|
<text class="bc-amount" :class="item.amountClassName">{{ item.amount }}</text>
|
|
|
- </view>
|
|
|
- <view class="bc-td bc-td--bal">
|
|
|
<text class="bc-balance">{{ item.balanceText }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -190,14 +189,8 @@ export default {
|
|
|
padding-right: 12upx;
|
|
|
}
|
|
|
|
|
|
-.bc-th--amt {
|
|
|
- width: 118upx;
|
|
|
- flex-shrink: 0;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-
|
|
|
-.bc-th--bal {
|
|
|
- width: 140upx;
|
|
|
+.bc-th--money {
|
|
|
+ width: 200upx;
|
|
|
flex-shrink: 0;
|
|
|
padding-right: 8upx;
|
|
|
text-align: right;
|
|
|
@@ -267,21 +260,13 @@ export default {
|
|
|
padding-right: 12upx;
|
|
|
}
|
|
|
|
|
|
-.bc-td--amt {
|
|
|
- width: 118upx;
|
|
|
- flex-shrink: 0;
|
|
|
- padding-right: 8upx;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.bc-td--bal {
|
|
|
- width: 140upx;
|
|
|
+.bc-td--money {
|
|
|
+ width: 200upx;
|
|
|
flex-shrink: 0;
|
|
|
padding-right: 8upx;
|
|
|
display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-end;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
@@ -363,8 +348,9 @@ export default {
|
|
|
}
|
|
|
|
|
|
.bc-balance {
|
|
|
- font-size: 28upx;
|
|
|
- color: #131212;
|
|
|
+ margin-top: 4upx;
|
|
|
+ font-size: 26upx;
|
|
|
+ color: #464545;
|
|
|
line-height: 1.35;
|
|
|
font-variant-numeric: tabular-nums;
|
|
|
}
|
