微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/pages/chat-history/chat-history.wxss

@@ -0,0 +1,89 @@
+/* ========== 加载态 & 空态 ========== */
+.page-loading,
+.page-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 60vh;
+  gap: 24rpx;
+}
+
+/* ========== 对话列表 ========== */
+.chat-list {
+  background: #ffffff;
+}
+
+.chat-item {
+  display: flex;
+  align-items: center;
+  padding: 32rpx;
+  gap: 24rpx;
+  border-bottom: 1rpx solid var(--color-gray-1, #f3f3f3);
+  transition: background 0.2s ease;
+}
+.chat-item:active {
+  background: var(--color-gray-1, #f3f3f3);
+}
+
+/* 图标容器 */
+.chat-icon-box {
+  width: 88rpx;
+  height: 88rpx;
+  border-radius: 24rpx;
+  background: linear-gradient(135deg, var(--color-primary, #0052d9), #4d8cf5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-shadow: 0 4rpx 16rpx rgba(0, 82, 217, 0.2);
+}
+
+/* 内容区 */
+.chat-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.chat-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8rpx;
+}
+
+.chat-title {
+  font-size: var(--font-sm, 28rpx);
+  font-weight: 500;
+  color: var(--color-gray-13, #242424);
+  flex: 1;
+  min-width: 0;
+}
+
+.chat-time {
+  font-size: var(--font-xs, 24rpx);
+  color: var(--color-gray-6, #a6a6a6);
+  flex-shrink: 0;
+  margin-left: 16rpx;
+}
+
+.chat-bottom {
+  display: flex;
+  align-items: center;
+}
+
+.chat-summary {
+  font-size: var(--font-xs, 24rpx);
+  color: var(--color-gray-6, #a6a6a6);
+  max-width: 100%;
+}
+
+/* ========== 底部提示 ========== */
+.list-footer {
+  text-align: center;
+  padding: 32rpx 0 64rpx;
+}
+.footer-text {
+  font-size: 20rpx;
+  color: var(--color-gray-5, #c5c5c5);
+}