/* pages/thirdPartyContent/thirdPartyContent.wxss */ .container { padding: 20rpx; background-color: #f5f5f5; min-height: 100vh; } /* 统计信息 */ .statistics-section { display: flex; justify-content: space-around; background: white; border-radius: 16rpx; padding: 30rpx 20rpx; margin-bottom: 20rpx; } .stat-item { display: flex; flex-direction: column; align-items: center; } .stat-value { font-size: 36rpx; font-weight: bold; color: #667eea; margin-bottom: 10rpx; } .stat-label { font-size: 24rpx; color: #666; } /* 工具栏 */ .toolbar { margin-bottom: 20rpx; } .search-box { display: flex; background: white; border-radius: 16rpx; padding: 20rpx; margin-bottom: 20rpx; } .search-input { flex: 1; height: 60rpx; padding: 0 20rpx; background: #f5f5f5; border-radius: 30rpx; font-size: 28rpx; } .search-btn { margin-left: 20rpx; padding: 0 30rpx; height: 60rpx; line-height: 60rpx; background: #667eea; color: white; border-radius: 30rpx; font-size: 28rpx; } .upload-btn { width: 100%; height: 80rpx; line-height: 80rpx; background: #667eea; color: white; border-radius: 16rpx; font-size: 32rpx; border: none; } /* 书籍列表 */ .content-list { background: white; border-radius: 16rpx; overflow: hidden; } .content-item { display: flex; padding: 30rpx; border-bottom: 1rpx solid #eee; } .content-item:last-child { border-bottom: none; } .cover { width: 160rpx; height: 220rpx; border-radius: 8rpx; margin-right: 20rpx; flex-shrink: 0; } .content-info { flex: 1; display: flex; flex-direction: column; } .title-row { display: flex; align-items: center; margin-bottom: 10rpx; } .title { font-size: 32rpx; font-weight: bold; color: #333; flex: 1; margin-right: 10rpx; } .status-badge { padding: 4rpx 12rpx; border-radius: 8rpx; font-size: 20rpx; color: white; } .author { font-size: 26rpx; color: #666; margin-bottom: 8rpx; } .info { font-size: 24rpx; color: #999; margin-bottom: 8rpx; } .actions { display: flex; flex-wrap: wrap; gap: 10rpx; margin-top: 20rpx; } .action-btn { padding: 8rpx 20rpx; background: #667eea; color: white; border-radius: 8rpx; font-size: 24rpx; border: none; } .action-btn.danger { background: #f44336; } /* 空状态 */ .empty { text-align: center; padding: 100rpx 0; } .empty-text { font-size: 28rpx; color: #999; } /* 加载中 */ .loading { text-align: center; padding: 50rpx 0; color: #999; } /* 分页 */ .pagination { display: flex; justify-content: center; align-items: center; padding: 30rpx 0; gap: 20rpx; } .page-btn { padding: 10rpx 30rpx; background: #667eea; color: white; border-radius: 8rpx; font-size: 28rpx; border: none; } .page-btn[disabled] { background: #ccc; color: #999; } .page-info { font-size: 28rpx; color: #666; }