| | |
| | | @import "../../style/icon.wxss"; |
| | | |
| | | .container { |
| | | min-height: 100vh; |
| | | background: #f5f5f5; |
| | | padding: 24rpx; |
| | | } |
| | | |
| | | .search-bar { |
| | | .search-container { |
| | | padding: 30rpx; |
| | | background: #ffffff; |
| | | border-bottom: 1rpx solid #e0e0e0; |
| | | } |
| | | |
| | | .search-box { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 16rpx; |
| | | margin-bottom: 24rpx; |
| | | background: #f8f9fa; |
| | | border-radius: 24rpx; |
| | | padding: 0 30rpx; |
| | | height: 80rpx; |
| | | } |
| | | |
| | | .search-icon { |
| | | font-size: 36rpx; |
| | | color: #999999; |
| | | margin-right: 20rpx; |
| | | } |
| | | |
| | | .search-input { |
| | | flex: 1; |
| | | height: 72rpx; |
| | | background: #ffffff; |
| | | border-radius: 36rpx; |
| | | padding: 0 24rpx; |
| | | font-size: 28rpx; |
| | | box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); |
| | | color: #333333; |
| | | } |
| | | |
| | | .search-actions { |
| | | .search-clear { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | display: flex; |
| | | gap: 12rpx; |
| | | align-items: center; |
| | | justify-content: center; |
| | | background: rgba(22, 119, 255, 0.15); |
| | | border-radius: 20rpx; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .primary-btn { |
| | | background: #1677ff; |
| | | color: #ffffff; |
| | | border-radius: 36rpx; |
| | | padding: 0 32rpx; |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .plain-btn { |
| | | background: #ffffff; |
| | | .clear-icon { |
| | | font-size: 26rpx; |
| | | color: #1677ff; |
| | | border-radius: 36rpx; |
| | | padding: 0 32rpx; |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | font-size: 28rpx; |
| | | border: 2rpx solid #1677ff; |
| | | } |
| | | |
| | | .tab-bar { |
| | |
| | | gap: 20rpx; |
| | | } |
| | | |
| | | .loading-state { |
| | | padding: 120rpx 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | gap: 12rpx; |
| | | color: #999999; |
| | | } |
| | | |
| | | .loading-icon { |
| | | font-size: 48rpx; |
| | | color: #1677ff; |
| | | animation: spin 1.2s linear infinite; |
| | | } |
| | | |
| | | .loading-text { |
| | | font-size: 26rpx; |
| | | color: #666666; |
| | | } |
| | | |
| | | @keyframes spin { |
| | | 0% { |
| | | transform: rotate(0deg); |
| | | } |
| | | 100% { |
| | | transform: rotate(360deg); |
| | | } |
| | | } |
| | | |
| | | .audit-card { |
| | | background: #ffffff; |
| | | border-radius: 16rpx; |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 16rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | |
| | | .card-header { |
| | |
| | | |
| | | .card-footer { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | margin-top: 8rpx; |
| | | } |
| | |
| | | line-height: 64rpx; |
| | | border-radius: 32rpx; |
| | | font-size: 26rpx; |
| | | margin: 0; |
| | | border: none; |
| | | } |
| | | |
| | | .load-more { |
| | |
| | | |
| | | .empty-icon { |
| | | font-size: 72rpx; |
| | | color: rgba(22, 119, 255, 0.8); |
| | | } |
| | | |
| | | .empty-text { |