|
|
@@ -110,7 +110,6 @@
|
|
|
|
|
|
<!-- 底部按钮 -->
|
|
|
<view class="footer-buttons">
|
|
|
- <button class="admin-button-com middle" @click="cancelRecharge">取消</button>
|
|
|
<button class="admin-button-com middle blue" @click="confirmRecharge">充值</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -195,27 +194,31 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
height: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.recharge-scroll {
|
|
|
flex: 1;
|
|
|
- height: calc(100% - 56px);
|
|
|
+ height: calc(100% - 46px);
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.recharge-container {
|
|
|
- padding: 15px;
|
|
|
+ padding: 5px;
|
|
|
background: #fff;
|
|
|
- border-radius: 8px;
|
|
|
+ border-radius: 4px;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.input-section {
|
|
|
- margin-bottom: 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
|
|
|
.input-label {
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 13px;
|
|
|
color: #333;
|
|
|
- margin-bottom: 6px;
|
|
|
+ margin-bottom: 4px;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
@@ -225,11 +228,11 @@ export default {
|
|
|
|
|
|
.amount-input, .remark-input {
|
|
|
width: 100%;
|
|
|
- height: 36px;
|
|
|
- padding: 0 10px;
|
|
|
+ height: 32px;
|
|
|
+ padding: 0 8px;
|
|
|
border: 1px solid #e9ecef;
|
|
|
border-radius: 4px;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 13px;
|
|
|
text-align: center;
|
|
|
background: #fff;
|
|
|
box-sizing: border-box;
|
|
|
@@ -252,13 +255,13 @@ export default {
|
|
|
}
|
|
|
|
|
|
.recharge-options {
|
|
|
- margin-top: 10px;
|
|
|
+ margin-top: 8px;
|
|
|
}
|
|
|
|
|
|
.options-title {
|
|
|
- font-size: 13px;
|
|
|
+ font-size: 12px;
|
|
|
color: #666;
|
|
|
- margin-bottom: 8px;
|
|
|
+ margin-bottom: 6px;
|
|
|
}
|
|
|
|
|
|
.option-item {
|
|
|
@@ -267,7 +270,7 @@ export default {
|
|
|
|
|
|
.recharge-option-btn {
|
|
|
width: 100%;
|
|
|
- padding: 8px 10px;
|
|
|
+ padding: 6px 8px;
|
|
|
background: #f8f9fa;
|
|
|
border: 1px solid #e9ecef;
|
|
|
border-radius: 4px;
|
|
|
@@ -318,14 +321,15 @@ export default {
|
|
|
|
|
|
.footer-buttons {
|
|
|
display: flex;
|
|
|
- gap: 8px;
|
|
|
- padding: 10px 8px;
|
|
|
+ padding: 5px;
|
|
|
background: #fff;
|
|
|
border-top: 1px solid #eee;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
button {
|
|
|
flex: 1;
|
|
|
- min-width: 0;
|
|
|
+ width: 100%;
|
|
|
height: 36px;
|
|
|
display: flex;
|
|
|
align-items: center;
|