serviceDiaryuser.wxss
4.58 KB
.container.data-v-4a3fd033{height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;box-sizing:border-box}.header.data-v-4a3fd033{display:flex;align-items:center;justify-content:space-between;margin-bottom:40rpx}.back-btn.data-v-4a3fd033{display:flex;align-items:center;background:#fff;border:none;border-radius:24rpx;padding:16rpx 24rpx;color:#388e3c;font-size:28rpx;box-shadow:0 4rpx 16rpx rgba(76,175,80,.15);transition:all .2s ease}.back-btn.data-v-4a3fd033:active{-webkit-transform:scale(.95);transform:scale(.95)}.back-icon.data-v-4a3fd033{font-size:32rpx;margin-right:8rpx}.back-text.data-v-4a3fd033{font-size:28rpx}.header-title.data-v-4a3fd033{text-align:center;color:#388e3c;font-size:36rpx;font-weight:700;letter-spacing:4rpx;flex:1}.header-placeholder.data-v-4a3fd033{width:120rpx}.member-card.data-v-4a3fd033{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);padding:40rpx;margin-bottom:40rpx}.member-info.data-v-4a3fd033{display:flex;align-items:center}.member-avatar.data-v-4a3fd033{width:80rpx;height:80rpx;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40rpx;margin-right:24rpx}.member-details.data-v-4a3fd033{flex:1}.member-name.data-v-4a3fd033{font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:8rpx}.member-id.data-v-4a3fd033{font-size:24rpx;color:#6a9c6a}.log-card.data-v-4a3fd033{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden;flex:1}.log-header.data-v-4a3fd033{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;color:#fff;font-weight:600;letter-spacing:2rpx;display:flex;justify-content:space-between;align-items:center}.log-header-right.data-v-4a3fd033{display:flex;align-items:center;gap:24rpx}.log-title.data-v-4a3fd033{font-size:32rpx}.log-count.data-v-4a3fd033{font-size:28rpx;opacity:.9}.log-content.data-v-4a3fd033{max-height:calc(100vh - 400rpx);overflow-y:auto}.log-item.data-v-4a3fd033{padding:32rpx 40rpx;border-bottom:2rpx solid #f0f0f0;position:relative}.log-item.data-v-4a3fd033:last-child{border-bottom:none}.log-time.data-v-4a3fd033{font-size:24rpx;color:#6a9c6a;margin-bottom:12rpx}.log-content-text.data-v-4a3fd033{font-size:28rpx;color:#333;line-height:1.6;margin-bottom:12rpx}.log-staff.data-v-4a3fd033{font-size:24rpx;color:#2e7d32;font-weight:500}.empty-state.data-v-4a3fd033{text-align:center;padding:120rpx 40rpx;color:#6a9c6a}.empty-icon.data-v-4a3fd033{font-size:120rpx;margin-bottom:32rpx;opacity:.5}.empty-text.data-v-4a3fd033{font-size:32rpx;margin-bottom:16rpx}.empty-tip.data-v-4a3fd033{font-size:28rpx;opacity:.7}.loading-state.data-v-4a3fd033{text-align:center;padding:120rpx 40rpx;color:#6a9c6a}.loading-text.data-v-4a3fd033{font-size:28rpx}.loadmore-wrapper.data-v-4a3fd033{padding:40rpx;text-align:center}.loadmore-text.data-v-4a3fd033{font-size:24rpx;color:#6a9c6a;opacity:.7}.btn-add-log.data-v-4a3fd033{background:hsla(0,0%,100%,.2);border:2rpx solid hsla(0,0%,100%,.3);border-radius:20rpx;padding:12rpx 24rpx;color:#fff;font-size:24rpx;font-weight:500;transition:all .2s ease}.btn-add-log.data-v-4a3fd033:active{background:hsla(0,0%,100%,.3);-webkit-transform:scale(.95);transform:scale(.95)}.log-header-info.data-v-4a3fd033{display:flex;justify-content:space-between;align-items:center;margin-bottom:16rpx;padding-bottom:12rpx;border-bottom:2rpx solid #f0f0f0}.log-header-right-info.data-v-4a3fd033{display:flex;align-items:center;gap:16rpx}.log-creator.data-v-4a3fd033{font-size:24rpx;color:#6a9c6a}.btn-edit-log.data-v-4a3fd033{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:12rpx;padding:8rpx 20rpx;color:#fff;font-size:22rpx;font-weight:500;transition:all .2s ease}.btn-edit-log.data-v-4a3fd033:active{-webkit-transform:scale(.95);transform:scale(.95);opacity:.8}.log-images-section.data-v-4a3fd033{margin-bottom:24rpx}.images-title.data-v-4a3fd033{font-size:26rpx;color:#2e7d32;font-weight:600;margin-bottom:12rpx}.images-grid.data-v-4a3fd033{display:flex;flex-wrap:wrap;gap:12rpx}.image-item.data-v-4a3fd033{width:120rpx;height:120rpx;border-radius:12rpx;overflow:hidden;cursor:pointer;transition:all .2s ease}.image-item.data-v-4a3fd033:active{-webkit-transform:scale(.95);transform:scale(.95);border-color:#4caf50}.log-image.data-v-4a3fd033{width:100%;height:100%;object-fit:cover}.log-remark.data-v-4a3fd033{background:#f9fff9;border:2rpx solid #c8e6c9;border-radius:16rpx;padding:20rpx;margin-top:16rpx}.remark-label.data-v-4a3fd033{font-size:26rpx;color:#2e7d32;font-weight:600;margin-bottom:8rpx}.remark-content.data-v-4a3fd033{font-size:28rpx;color:#333;line-height:1.6}