82 lines
2.6 KiB
Plaintext
82 lines
2.6 KiB
Plaintext
/* pages/history/history.wxss - 操作记录优化版 */
|
|
@import '../../styles/common.wxss';
|
|
page { background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%); height: 100vh; overflow: hidden; }
|
|
.container { padding-top: 16rpx; padding-bottom: 300rpx; }
|
|
scroll-view.page-bg { height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
|
|
|
|
/* ===== 加载状态 ===== */
|
|
.loading-state { text-align:center; padding:160rpx 40rpx; }
|
|
.loading-icon { font-size:60rpx; display:block; margin-bottom:16rpx; }
|
|
.loading-text { font-size:26rpx; color:#bbb; }
|
|
|
|
/* ===== 操作列表（卡片式） ===== */
|
|
.log-list { padding: 0 8rpx; }
|
|
|
|
.log-item {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 20rpx;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
.log-icon-wrap {
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
margin-top: 4rpx;
|
|
}
|
|
.log-icon { font-size: 28rpx; }
|
|
|
|
.log-card {
|
|
flex: 1;
|
|
background: #fff;
|
|
border-radius: 16rpx;
|
|
padding: 18rpx 20rpx;
|
|
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
|
|
}
|
|
.log-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 6rpx;
|
|
}
|
|
.log-user-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8rpx;
|
|
}
|
|
.log-label {
|
|
font-size: 20rpx;
|
|
padding: 2rpx 12rpx;
|
|
border-radius: 8rpx;
|
|
font-weight: 500;
|
|
}
|
|
.log-user { font-size: 24rpx; font-weight: 600; }
|
|
.log-time { font-size: 20rpx; color: #bbb; flex-shrink: 0; }
|
|
.log-body { font-size: 26rpx; color: #555; line-height: 1.6; }
|
|
|
|
/* ===== 分页 ===== */
|
|
.pagination { display:flex; justify-content:center; align-items:center; gap:8rpx; padding:32rpx 0; flex-wrap:wrap; }
|
|
.page-btn { width:56rpx; height:56rpx; line-height:56rpx; text-align:center; border-radius:50%; background:#fff; color:#FF6B81; font-size:28rpx; font-weight:700; }
|
|
.page-btn.disabled { color:#ddd; }
|
|
.page-num { width:56rpx; height:56rpx; line-height:56rpx; text-align:center; border-radius:50%; background:#fff; color:#888; font-size:24rpx; }
|
|
.page-num.active { background:linear-gradient(135deg,#B74768,#B388FF); color:#fff; font-weight:700; }
|
|
.page-dot { width:56rpx; height:56rpx; line-height:56rpx; text-align:center; color:#ccc; font-size:24rpx; }
|
|
|
|
/* ===== 空状态 ===== */
|
|
.empty-state { text-align:center; padding:120rpx 40rpx; }
|
|
.empty-icon { font-size:80rpx; display:block; margin-bottom:24rpx; }
|
|
.empty-text { font-size:30rpx; color:#888; display:block; margin-bottom:8rpx; }
|
|
.empty-desc { font-size:24rpx; color:#bbb; }
|
|
|
|
@import '../../styles/design.wxss';
|
|
|
|
@import '../../styles/journal.wxss';
|
|
|
|
@import '../../styles/button-theme.wxss';
|
|
|
|
@import '../../styles/typography.wxss';
|