调整退款详情显示样式

This commit is contained in:
ywyonui 2025-09-22 10:45:47 +08:00
parent d97d77430a
commit 53b00d83ad

View File

@ -11,11 +11,11 @@
<view class="xkTf-card">
<view class="card-title">家长信息</view>
<view class="card-body">
<view class="info-column">
<view class="info-row">
<text class="label">家长姓名:</text>
<text class="value">{{ xkTf.jzXm }}</text>
</view>
<view class="info-column">
<view class="info-row">
<text class="label">手机号:</text>
<text class="value">{{ xkTf.sjh }}</text>
</view>
@ -26,11 +26,11 @@
<view class="xkTf-card">
<view class="card-title">缴费信息</view>
<view class="card-body">
<view class="info-column">
<view class="info-row">
<text class="label">开户人:</text>
<text class="value">{{ xkTf.khrXm }}</text>
</view>
<view class="info-column">
<view class="info-row">
<text class="label">银行账号:</text>
<text class="value">{{ xkTf.khZh }}</text>
</view>
@ -139,13 +139,22 @@ onLoad(async (data: any) => {
.xkTf-info {
background-color: #f5f7fa;
.xkTf-card {
margin: 15px;
background-color: #fff;
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
.xkTf-card {
margin: 0 30rpx;
margin-bottom: 30rpx;
padding: 30rpx;
background: #fff;
border-radius: 16rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
.card-title {
font-size: 32rpx;
font-weight: bold;
margin-bottom: 30rpx;
color: #333;
border-bottom: 4rpx solid #007aff;
padding-bottom: 10rpx;
}
.card-body {
.info-row {
@ -188,6 +197,6 @@ onLoad(async (data: any) => {
}
}
}
}
}
}
</style>