feat:部分项目中心

src/pages/message-center/system-notification/index.scss

@@ -0,0 +1,87 @@
+@import '@/styles/variables.scss';
+
+.system-notification {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  background: $color-bg-page;
+}
+
+.system-notification__header {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: calc(var(--status-bar-height, 44px) + 60rpx) 32rpx 28rpx;
+  background: $color-bg-page;
+}
+
+.system-notification__back {
+  position: absolute;
+  left: 32rpx;
+  bottom: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64rpx;
+  height: 64rpx;
+}
+
+.system-notification__back-icon {
+  width: 40rpx;
+  height: 40rpx;
+}
+
+.system-notification__title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: $color-text-primary;
+}
+
+.system-notification__read-all {
+  position: absolute;
+  right: 32rpx;
+  bottom: 28rpx;
+  font-size: 26rpx;
+  color: $color-text-secondary;
+}
+
+.system-notification__search {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  height: 72rpx;
+  margin: 0 32rpx 16rpx;
+  padding: 0 24rpx;
+  background: $color-bg-section;
+  border-radius: 36rpx;
+}
+
+.system-notification__search-icon {
+  flex-shrink: 0;
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 12rpx;
+}
+
+.system-notification__search-input {
+  flex: 1;
+  font-size: 26rpx;
+  color: $color-text-primary;
+}
+
+.system-notification__search-placeholder {
+  color: $color-text-placeholder;
+}
+
+.system-notification__scroll {
+  flex: 1;
+  min-height: 0;
+}
+
+.system-notification__list {
+  width: 100%;
+  padding-bottom: env(safe-area-inset-bottom);
+}