|  |  |  | 
|---|
|  |  |  | /* pages/my/my.wxss */ | 
|---|
|  |  |  | /* pages/my/my.wxss */ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* pages/home/home.wxss */ | 
|---|
|  |  |  | .base-wrapper { | 
|---|
|  |  |  | background-color: #f5f5f5; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100vh; | 
|---|
|  |  |  | overflow: hidden; | 
|---|
|  |  |  | /* 防止底部区域滚动 */ | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .head-wrapper { | 
|---|
|  |  |  | background-color: #1890FF; | 
|---|
|  |  |  | height: 30vh; | 
|---|
|  |  |  | display: grid; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | border-bottom-left-radius: 5rpx; | 
|---|
|  |  |  | border-bottom-right-radius: 5rpx; | 
|---|
|  |  |  | z-index: 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .head-top { | 
|---|
|  |  |  | margin-top: 40rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | /* 在纵向方向上居中对齐 */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .head-text-wrapper { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | margin-left: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .head-text-wrapper text { | 
|---|
|  |  |  | margin-bottom: 10rpx; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .balance-label { | 
|---|
|  |  |  | margin-bottom: 40rpx; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | font-size: 35rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .center-wrapper { | 
|---|
|  |  |  | margin-top: 30rpx; | 
|---|
|  |  |  | margin-right: 20rpx; | 
|---|
|  |  |  | margin-left: 20rpx; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | border-radius: 5px; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | justify-content: space-around; | 
|---|
|  |  |  | z-index: 1; | 
|---|
|  |  |  | height: 30vh; | 
|---|
|  |  |  | /* 使 center-wrapper 在头部之上 */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .center-view { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | /* 在纵向上排列子元素 */ | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | /* 在纵向上居中显示子元素 */ | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | /* 在横向和纵向上都居中显示子元素 */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .center-view text { | 
|---|
|  |  |  | margin-top: 15rpx; | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .bottom-wrapper { | 
|---|
|  |  |  | margin-right: 20rpx; | 
|---|
|  |  |  | margin-left: 20rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | margin-top: 48vh; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .scroll-view { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | overflow-y: auto; | 
|---|
|  |  |  | /* 允许垂直滚动 */ | 
|---|
|  |  |  | z-index: 0; | 
|---|
|  |  |  | /* 确保 scroll-view 在头部和 center-wrapper 之下 */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .list-item { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | margin-top: 10rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | padding-left: 30rpx; | 
|---|
|  |  |  | padding-right: 30rpx; | 
|---|
|  |  |  | padding-top: 20rpx; | 
|---|
|  |  |  | padding-bottom: 20rpx; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .list-item text { | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .list-item image { | 
|---|
|  |  |  | width: 80rpx; | 
|---|
|  |  |  | height: 80rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .list-item-piping { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .bottom-title { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | padding-left: 30rpx; | 
|---|
|  |  |  | padding-top: 30rpx; | 
|---|
|  |  |  | padding-bottom: 30rpx; | 
|---|
|  |  |  | margin-top: 60rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .item { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | padding-left: 30rpx; | 
|---|
|  |  |  | padding-top: 30rpx; | 
|---|
|  |  |  | padding-bottom: 30rpx; | 
|---|
|  |  |  | margin-top: 10rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | text{ | 
|---|
|  |  |  | color: #000; | 
|---|
|  |  |  | font-size: 38rpx; | 
|---|
|  |  |  | } | 
|---|