feat:部分项目中心

2026-09-14 17:09:25 +08:00
parent f5d634bbaf
commit 2c7a115dd7
131 changed files with 7476 additions and 4589 deletions
--- a/src/pages/message-center/customer-service/index.scss
+++ b/src/pages/message-center/customer-service/index.scss
@@ -0,0 +1,129 @@
+@import '@/styles/variables.scss';
+
+.customer-service {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: $color-bg-page;
+}
+
+.customer-service__navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  padding: calc(var(--status-bar-height, 44px) + 12rpx) 24rpx 20rpx;
+  background: $color-bg-page;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.customer-service__back {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.customer-service__back-icon {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.customer-service__title {
+  font-size: 34rpx;
+  font-weight: 600;
+  color: $color-text-primary;
+}
+
+.customer-service__navbar-placeholder {
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.customer-service__scroll {
+  flex: 1;
+  min-height: 0;
+  background: $color-bg-page;
+}
+
+.customer-service__messages {
+  padding: 24rpx 24rpx 32rpx;
+}
+
+.customer-service__footer {
+  flex-shrink: 0;
+  padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
+  background: $color-bg-page;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.customer-service__input-row {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+}
+
+.customer-service__tool-btn {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.customer-service__tool-icon {
+  width: 48rpx;
+  height: 48rpx;
+}
+
+.customer-service__input {
+  flex: 1;
+  height: 72rpx;
+  padding: 0 24rpx;
+  font-size: 28rpx;
+  color: $color-text-primary;
+  background: #f2f3f5;
+  border-radius: 36rpx;
+}
+
+.customer-service__placeholder {
+  color: $color-text-placeholder;
+}
+
+.customer-service__panel {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-around;
+  min-height: 400rpx;
+  margin-top: 24rpx;
+  padding: 40rpx 24rpx 48rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.customer-service__panel-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.customer-service__panel-icon-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 112rpx;
+  height: 112rpx;
+}
+
+.customer-service__panel-icon {
+  width: 112rpx;
+  height: 112rpx;
+}
+
+.customer-service__panel-label {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  color: $color-text-secondary;
+}