清理测试代码和调试文件

lrj

11 小时以前 ae3349d2ff53767b5bc9cb30e1bf7e15f9e814ee

 wx/pages/message/message.wxss

@@ -1,7 +1,13 @@
/* pages/message/message.wxss */
@import "../../style/icon.wxss";

page {
  background-color: #f4f5f9;
}

.container {
  padding: 24rpx;
  min-height: 100vh;
  background-color: #f5f5f5;
  box-sizing: border-box;
}

/* 加载状态 */
@@ -17,7 +23,7 @@
  width: 40rpx;
  height: 40rpx;
  border: 4rpx solid #e0e0e0;
  border-top: 4rpx solid #1976d2;
  border-top: 4rpx solid #007aff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@@ -33,73 +39,69 @@
  100% { transform: rotate(360deg); }
}

/* 消息内容 */
.message-content {
  padding: 20rpx;
}

/* 消息统计 */
.message-stats {
  background-color: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}

.stats-text {
  font-size: 28rpx;
  color: #666;
  font-weight: 500;
}

/* 消息列表 */
.message-list {
  background-color: #fff;
  border-radius: 16rpx;
  overflow: hidden;
}

/* 消息项 */
.message-item {
  padding: 30rpx 24rpx;
  border-bottom: 1rpx solid #f0f0f0;
  background-color: #fff;
}

.message-item:last-child {
  border-bottom: none;
}

.message-content-text {
  font-size: 32rpx;
  color: #333;
  line-height: 1.5;
  margin-bottom: 16rpx;
  word-wrap: break-word;
}

.message-time {
  font-size: 24rpx;
  color: #999;
}

/* 空状态 */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120rpx 40rpx;
  text-align: center;
  padding-top: 200rpx;
}

.empty-icon {
  font-size: 120rpx;
  margin-bottom: 24rpx;
  opacity: 0.5;
}

.empty-text {
  font-size: 28rpx;
  color: #999;
}

/* 消息列表 */
.message-list {
  width: 100%;
}

.message-card {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 16rpx;
  padding: 32rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}

.icon-wrapper {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  background-color: #007aff; /* 统一使用蓝色 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24rpx;
  flex-shrink: 0;
}

.text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 8rpx;
  word-break: break-all;
}

.timestamp {
  font-size: 24rpx;
  color: #999;
}