修正了 pages 名为拼音的问题

2026-06-13 10:44:02 +08:00
parent 76cc4ac55e
commit 296e41a8a7
249 changed files with 29660 additions and 29505 deletions
--- a/pages/recharge-log/recharge-log.wxss
+++ b/pages/recharge-log/recharge-log.wxss
@@ -0,0 +1,506 @@
+/* 管事会员记录页面样式 - 赛博风格 */
+
+/* 页面容器 */
+page {
+    height: 100%;
+    background: #0a0a0f;
+  }
+  
+  .page-container {
+    height: 100%;
+    background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);
+    position: relative;
+  }
+  
+  /* 固定顶部区域 */
+  .fixed-top {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);
+    padding-bottom: 20rpx;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.3);
+  }
+  
+  /* 顶部统计区域 - 赛博卡片设计 */
+  .tongji-quyu {
+    position: relative;
+    margin: 20rpx 30rpx 0;
+    padding: 40rpx 30rpx;
+    background: rgba(20, 20, 35, 0.9);
+    border-radius: 24rpx;
+    border: 1px solid rgba(100, 255, 255, 0.1);
+    box-shadow: 
+      0 10rpx 30rpx rgba(0, 0, 0, 0.4),
+      0 0 20rpx rgba(100, 255, 255, 0.05) inset,
+      0 0 0 1px rgba(100, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    overflow: hidden;
+  }
+  
+  .tongji-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: 
+      linear-gradient(45deg, 
+        rgba(100, 255, 255, 0.03) 0%, 
+        rgba(255, 100, 255, 0.03) 100%);
+    z-index: 0;
+  }
+  
+  /* 分红总额样式 - 赛博霓虹效果 */
+  .fenyong-zonge {
+    position: relative;
+    text-align: center;
+    padding: 20rpx 0 30rpx;
+    margin-bottom: 25rpx;
+    border-bottom: 1px solid rgba(100, 255, 255, 0.1);
+    z-index: 1;
+  }
+  
+  .zonge-label {
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.7);
+    margin-bottom: 15rpx;
+    text-transform: uppercase;
+    letter-spacing: 2rpx;
+  }
+  
+  .zonge-value {
+    font-size: 60rpx;
+    font-weight: 800;
+    color: #00ffea;
+    margin-bottom: 8rpx;
+    text-shadow: 
+      0 0 10rpx rgba(0, 255, 234, 0.5),
+      0 0 20rpx rgba(0, 255, 234, 0.3);
+    font-family: 'Arial', sans-serif;
+  }
+  
+  .zonge-tip {
+    font-size: 22rpx;
+    color: rgba(255, 255, 255, 0.5);
+  }
+  
+  /* 底部统计信息 */
+  .tongji-bottom {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    z-index: 1;
+    position: relative;
+  }
+  
+  .tongji-item {
+    text-align: center;
+    flex: 1;
+  }
+  
+  .tongji-number {
+    font-size: 40rpx;
+    font-weight: 700;
+    color: #ffffff;
+    margin-bottom: 6rpx;
+    text-shadow: 0 0 10rpx rgba(255, 255, 255, 0.3);
+  }
+  
+  .tongji-label {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.6);
+  }
+  
+  .tongji-divider {
+    width: 1px;
+    height: 45rpx;
+    background: linear-gradient(to bottom, 
+      transparent 0%, 
+      rgba(100, 255, 255, 0.3) 50%, 
+      transparent 100%);
+  }
+  
+  /* 刷新按钮 - 固定在右上角 */
+  .shuaxin-anniu {
+    position: absolute;
+    top: 60rpx;
+    right: 60rpx;
+    z-index: 200;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 70rpx;
+    height: 70rpx;
+    background: rgba(20, 20, 35, 0.95);
+    border-radius: 50%;
+    border: 1px solid rgba(100, 255, 255, 0.2);
+    box-shadow: 
+      0 8rpx 20rpx rgba(0, 0, 0, 0.4),
+      0 0 20rpx rgba(100, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    transition: all 0.3s ease;
+  }
+  
+  .shuaxin-anniu:active {
+    transform: scale(0.95);
+    background: rgba(100, 255, 255, 0.1);
+    box-shadow: 
+      0 4rpx 10rpx rgba(0, 0, 0, 0.3),
+      0 0 30rpx rgba(100, 255, 255, 0.2);
+  }
+  
+  .shuaxin-icon {
+    font-size: 32rpx;
+    color: #00ffea;
+    transition: all 0.3s ease;
+  }
+  
+  .shuaxin-disabled {
+    color: rgba(255, 255, 255, 0.3);
+    animation: rotate 1s linear infinite;
+  }
+  
+  @keyframes rotate {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+  }
+  
+  /* 滚动区域 - 只包裹列表部分 */
+  .scroll-area {
+    position: fixed;
+    top: 340rpx; /* 根据固定区域高度调整 */
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 50;
+  }
+  
+  /* 全局加载状态 */
+  .jiazai-quanju {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 120rpx 0;
+  }
+  
+  .jiazai-spinner {
+    width: 80rpx;
+    height: 80rpx;
+    border: 4rpx solid rgba(100, 255, 255, 0.1);
+    border-top: 4rpx solid #00ffea;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 30rpx;
+    box-shadow: 0 0 20rpx rgba(0, 255, 234, 0.3);
+  }
+  
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+  
+  .jiazai-text {
+    font-size: 28rpx;
+    color: rgba(255, 255, 255, 0.7);
+  }
+  
+  /* 空数据提示 */
+  .kong-shuju {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 120rpx 30rpx;
+    background: rgba(20, 20, 35, 0.5);
+    border-radius: 24rpx;
+    border: 1px solid rgba(100, 255, 255, 0.1);
+    margin: 40rpx 30rpx 0;
+  }
+  
+  .kong-icon {
+    font-size: 100rpx;
+    margin-bottom: 30rpx;
+    color: rgba(255, 255, 255, 0.2);
+  }
+  
+  .kong-text {
+    font-size: 32rpx;
+    color: rgba(255, 255, 255, 0.8);
+    margin-bottom: 10rpx;
+    font-weight: 500;
+  }
+  
+  .kong-tip {
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.5);
+    margin-bottom: 50rpx;
+  }
+  
+  .kong-btn {
+    padding: 20rpx 50rpx;
+    background: linear-gradient(90deg, #00ffea 0%, #0088ff 100%);
+    color: #000;
+    border-radius: 50rpx;
+    font-size: 28rpx;
+    font-weight: 600;
+    box-shadow: 0 8rpx 20rpx rgba(0, 255, 234, 0.3);
+  }
+  
+  .kong-btn:active {
+    transform: scale(0.95);
+    box-shadow: 0 4rpx 10rpx rgba(0, 255, 234, 0.2);
+  }
+  
+  /* 列表标题 */
+  .list-title {
+    margin: 0 30rpx 20rpx;
+    display: flex;
+    align-items: baseline;
+  }
+  
+  .title-text {
+    font-size: 32rpx;
+    color: #ffffff;
+    font-weight: 600;
+    margin-right: 10rpx;
+    text-shadow: 0 0 10rpx rgba(255, 255, 255, 0.2);
+  }
+  
+  .title-count {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.5);
+  }
+  
+  /* 卡片列表 */
+  .card-list {
+    margin: 0 30rpx;
+  }
+  
+  /* 打手卡片 - 赛博风格设计 */
+  .dashou-card {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding: 30rpx;
+    margin-bottom: 20rpx;
+    background: rgba(20, 20, 35, 0.7);
+    border-radius: 20rpx;
+    border: 1px solid rgba(100, 255, 255, 0.1);
+    box-shadow: 
+      0 8rpx 24rpx rgba(0, 0, 0, 0.3),
+      0 0 0 1px rgba(100, 255, 255, 0.05);
+    transition: all 0.3s ease;
+  }
+  
+  .dashou-card:active {
+    transform: translateY(-2rpx);
+    background: rgba(30, 30, 50, 0.8);
+    box-shadow: 
+      0 12rpx 30rpx rgba(0, 0, 0, 0.4),
+      0 0 20rpx rgba(100, 255, 255, 0.1);
+  }
+  
+  /* 头像区域 - 纯圆形 */
+  .touxiang-quyu {
+    position: relative;
+    margin-right: 30rpx;
+    flex-shrink: 0;
+  }
+  
+  .dashou-touxiang {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%; /* 确保是纯圆形 */
+    z-index: 2;
+    position: relative;
+  }
+  
+  .touxiang-border {
+    position: absolute;
+    top: -4rpx;
+    left: -4rpx;
+    width: 108rpx;
+    height: 108rpx;
+    border-radius: 50%;
+    background: linear-gradient(45deg, #00ffea, #ff00ff);
+    z-index: 1;
+    opacity: 0.3;
+    animation: borderGlow 2s linear infinite;
+  }
+  
+  @keyframes borderGlow {
+    0%, 100% { opacity: 0.3; }
+    50% { opacity: 0.6; }
+  }
+  
+  /* 信息区域 */
+  .xinxi-quyu {
+    flex: 1;
+    min-width: 0; /* 防止内容撑开 */
+  }
+  
+  .nicheng {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #ffffff;
+    margin-bottom: 10rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-shadow: 0 0 10rpx rgba(255, 255, 255, 0.2);
+  }
+  
+  .dashou-id {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.5);
+    letter-spacing: 1rpx;
+  }
+  
+  /* 分红金额区域 */
+  .fenhong-quyu {
+    text-align: right;
+    flex-shrink: 0;
+    min-width: 180rpx;
+  }
+  
+  .fenhong-value {
+    margin-bottom: 8rpx;
+  }
+  
+  .fenhong-jiahao {
+    font-size: 26rpx;
+    color: #00ff00;
+    margin-right: 4rpx;
+  }
+  
+  .fenhong-shuzi {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: #00ff00;
+    text-shadow: 0 0 10rpx rgba(0, 255, 0, 0.5);
+  }
+  
+  .shijian {
+    font-size: 22rpx;
+    color: rgba(255, 255, 255, 0.4);
+  }
+  
+  /* 加载更多提示 */
+  .jiazai-gengduo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 40rpx 0 60rpx;
+    margin: 0 30rpx;
+  }
+  
+  .gengduo-spinner {
+    width: 40rpx;
+    height: 40rpx;
+    border: 3rpx solid rgba(100, 255, 255, 0.1);
+    border-top: 3rpx solid #00ffea;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin-bottom: 20rpx;
+  }
+  
+  .gengduo-text {
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.6);
+  }
+  
+  /* 没有更多数据 */
+  .meiyou-gengduo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 50rpx 0 80rpx;
+    margin: 0 30rpx;
+    color: rgba(255, 255, 255, 0.4);
+  }
+  
+  .meiyou-icon {
+    width: 60rpx;
+    height: 60rpx;
+    border-radius: 50%;
+    background: rgba(0, 255, 234, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32rpx;
+    color: #00ffea;
+    margin-bottom: 20rpx;
+    border: 1px solid rgba(0, 255, 234, 0.2);
+  }
+  
+  .meiyou-text {
+    font-size: 26rpx;
+    text-align: center;
+  }
+  
+  /* 错误提示 */
+  .cuowu-quyu {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 100rpx 30rpx;
+    background: rgba(40, 20, 20, 0.8);
+    border-radius: 24rpx;
+    border: 1px solid rgba(255, 100, 100, 0.2);
+    margin: 40rpx 30rpx 0;
+  }
+  
+  .cuowu-icon {
+    font-size: 80rpx;
+    color: #ff5555;
+    margin-bottom: 30rpx;
+    text-shadow: 0 0 20rpx rgba(255, 85, 85, 0.5);
+  }
+  
+  .cuowu-text {
+    font-size: 30rpx;
+    color: rgba(255, 255, 255, 0.9);
+    margin-bottom: 40rpx;
+    text-align: center;
+    line-height: 1.5;
+  }
+  
+  .cuowu-btn {
+    padding: 20rpx 50rpx;
+    background: linear-gradient(90deg, #ff5555 0%, #ff8800 100%);
+    color: #fff;
+    border-radius: 50rpx;
+    font-size: 28rpx;
+    font-weight: 600;
+    box-shadow: 0 8rpx 20rpx rgba(255, 85, 85, 0.3);
+  }
+  
+  .cuowu-btn:active {
+    transform: scale(0.95);
+    box-shadow: 0 4rpx 10rpx rgba(255, 85, 85, 0.2);
+  }
+
+
+
+
+/* 调整滚动区域的顶部距离，增加间隔 */
+.scroll-area {
+    position: fixed;
+    top: 400rpx; /* 从 340rpx 增加到 360rpx，增加20rpx的间隔 */
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 50;
+  }
+  
+  /* 如果觉得还不够，可以再增加列表标题的上边距 */
+  .list-title {
+    margin: 10rpx 30rpx 20rpx; /* 从 0 30rpx 20rpx 改为 10rpx 30rpx 20rpx */
+    display: flex;
+    align-items: baseline;
+  }