更改主题色
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<!-- 机构端 - 结算中心页面 -->
|
||||
<!-- 机构端 - 结算中心页面 -->
|
||||
<template>
|
||||
<view class="finance-page">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
@@ -225,12 +225,12 @@
|
||||
|
||||
<style>
|
||||
.finance-page { background-color: #f5f5f5; min-height: 100vh; }
|
||||
.balance-card { background: linear-gradient(135deg, rgb(66, 121, 240) 0%, #5856D6 100%); padding: 50rpx 30rpx; color: #fff; text-align: center; }
|
||||
.balance-card { background: linear-gradient(135deg, #A6F1E4 0%, #69DFC2 100%); padding: 50rpx 30rpx; color: #fff; text-align: center; }
|
||||
.balance-label { font-size: 26rpx; opacity: 0.9; display: block; margin-bottom: 20rpx; }
|
||||
.balance-value { font-size: 60rpx; font-weight: bold; display: block; margin-bottom: 40rpx; }
|
||||
.balance-actions { display: flex; flex-direction: row; justify-content: center; gap: 30rpx; }
|
||||
.action-btn { padding: 16rpx 60rpx; border-radius: 40rpx; font-size: 28rpx; }
|
||||
.action-btn.withdraw { background-color: #fff; color: rgb(66, 121, 240); }
|
||||
.action-btn.withdraw { background-color: #fff; color: #09C39D; }
|
||||
.action-btn.detail { background-color: rgba(255,255,255,0.2); color: #fff; }
|
||||
.stats-row { display: flex;
|
||||
flex-direction: row;
|
||||
@@ -243,8 +243,8 @@
|
||||
flex-direction: row;
|
||||
background-color: #fff; padding: 0 20rpx; }
|
||||
.tab { flex: 1; text-align: center; padding: 24rpx 0; font-size: 28rpx; color: #666; position: relative; }
|
||||
.tab.active { color: rgb(66, 121, 240); font-weight: bold; }
|
||||
.tab.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40rpx; height: 4rpx; background-color: rgb(66, 121, 240); border-radius: 2rpx; }
|
||||
.tab.active { color: #09C39D; font-weight: bold; }
|
||||
.tab.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40rpx; height: 4rpx; background-color: #09C39D; border-radius: 2rpx; }
|
||||
.records-list { padding: 20rpx; height: calc(100vh - 500rpx); }
|
||||
.loading-container, .empty-container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100rpx 0; }
|
||||
.empty-icon { font-size: 100rpx; margin-bottom: 20rpx; }
|
||||
@@ -269,5 +269,5 @@
|
||||
.modal-footer { display: flex; flex-direction: row; border-top: 1rpx solid #f5f5f5; }
|
||||
.modal-btn { flex: 1; height: 88rpx; line-height: 88rpx; text-align: center; font-size: 28rpx; }
|
||||
.modal-btn.cancel { color: #666; border-right: 1rpx solid #f5f5f5; }
|
||||
.modal-btn.confirm { color: rgb(66, 121, 240); font-weight: bold; }
|
||||
.modal-btn.confirm { color: #09C39D; font-weight: bold; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user