feat: add mine page and secondary pages

2026-05-08 11:22:59 +08:00
parent bc66b0ff0a
commit 6ff9070eca
32 changed files with 1163 additions and 1 deletions
--- a/src/components/secondary-page/index.scss
+++ b/src/components/secondary-page/index.scss
@@ -0,0 +1,128 @@
+.secondary-page {
+  position: relative;
+  min-height: 100vh;
+  padding: 32rpx 24rpx 48rpx;
+  box-sizing: border-box;
+  background: linear-gradient(180deg, #1e2432 0%, #171d29 100%);
+  overflow: hidden;
+}
+
+.secondary-page__halo {
+  position: absolute;
+  border-radius: 50%;
+  pointer-events: none;
+}
+
+.secondary-page__halo--large {
+  top: -80rpx;
+  right: -44rpx;
+  width: 320rpx;
+  height: 320rpx;
+  background:
+    radial-gradient(circle, rgba(54, 228, 170, 0.08) 0 24%, transparent 25% 44%, rgba(109, 121, 154, 0.16) 45% 62%, transparent 63%),
+    radial-gradient(circle at center, rgba(255, 255, 255, 0.06), transparent 72%);
+}
+
+.secondary-page__halo--small {
+  top: 180rpx;
+  right: 90rpx;
+  width: 160rpx;
+  height: 120rpx;
+  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.05), transparent 68%);
+}
+
+.secondary-page__hero {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 28rpx;
+  padding: 32rpx 30rpx;
+  border-radius: 28rpx;
+  background: rgba(39, 46, 64, 0.95);
+  box-shadow: inset 0 0 0 2rpx rgba(255, 255, 255, 0.03);
+}
+
+.secondary-page__eyebrow {
+  display: block;
+  margin-bottom: 12rpx;
+  color: #40deb4;
+  font-size: 22rpx;
+  letter-spacing: 4rpx;
+}
+
+.secondary-page__title {
+  display: block;
+  color: #f6f8fb;
+  font-size: 42rpx;
+  font-weight: 600;
+}
+
+.secondary-page__description {
+  display: block;
+  margin-top: 14rpx;
+  color: #9aa5bb;
+  font-size: 24rpx;
+  line-height: 1.7;
+}
+
+.secondary-page__content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+
+.secondary-page__card {
+  padding: 28rpx;
+  border-radius: 24rpx;
+  background: rgba(39, 46, 64, 0.94);
+  box-shadow: inset 0 0 0 2rpx rgba(255, 255, 255, 0.03);
+}
+
+.secondary-page__card-title {
+  display: block;
+  margin-bottom: 20rpx;
+  color: #eef3fb;
+  font-size: 28rpx;
+  font-weight: 600;
+}
+
+.secondary-page__list {
+  display: flex;
+  flex-direction: column;
+  gap: 2rpx;
+}
+
+.secondary-page__list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 0;
+  border-bottom: 1rpx solid rgba(255, 255, 255, 0.06);
+}
+
+.secondary-page__list-item:last-child {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.secondary-page__list-label {
+  color: #edf1f7;
+  font-size: 26rpx;
+}
+
+.secondary-page__list-value {
+  color: #7c879d;
+  font-size: 22rpx;
+}
+
+.secondary-page__footer-tip {
+  position: relative;
+  z-index: 1;
+  display: block;
+  margin-top: 22rpx;
+  color: #7d88a1;
+  font-size: 22rpx;
+  line-height: 1.7;
+  text-align: center;
+}