小程序修改

apps/mini-user/src/styles/mine.css

@@ -5,7 +5,7 @@
 
 .mine-header {
   position: relative;
-  padding: 24px var(--space-page) 80px;
+  padding: 20px var(--space-page) 52px;
   background: linear-gradient(135deg, #820012 0%, var(--color-heritage-red) 40%, #d4a373 100%);
   overflow: hidden;
 }
@@ -31,6 +31,34 @@
   z-index: 1;
 }
 
+.mine-avatar-wrap {
+  position: relative;
+  flex-shrink: 0;
+  margin-right: 14px;
+}
+
+.mine-avatar-badge {
+  position: absolute;
+  right: -4px;
+  bottom: -2px;
+  background: var(--color-heritage-red);
+  color: #fff;
+  font-size: 9px;
+  padding: 2px 6px;
+  border-radius: 999px;
+}
+
+.mine-member-tag--wechat {
+  background: rgba(255, 255, 255, 0.25);
+}
+
+.mine-wechat-hint {
+  display: block;
+  margin-top: 6px;
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.75);
+}
+
 .mine-avatar {
   width: 72px;
   height: 72px;
@@ -72,18 +100,18 @@
 }
 
 .mine-main {
-  margin-top: -48px;
+  margin-top: -36px;
   position: relative;
   z-index: 2;
-  padding: 0 var(--space-page) 24px;
+  padding: 0 var(--space-page) 12px;
 }
 
 .mine-card {
   background: var(--color-card);
   border-radius: var(--radius-lg);
-  padding: 16px;
+  padding: 14px;
   box-shadow: var(--shadow-card);
-  margin-bottom: 12px;
+  margin-bottom: 10px;
 }
 
 .mine-card-head {
@@ -230,14 +258,14 @@
 
 .mine-footer {
   text-align: center;
-  padding: 16px 0 8px;
+  padding: 8px 0 4px;
 }
 
 .mine-version {
   display: block;
   font-size: 12px;
   color: var(--color-subtle-gray);
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 
 .mine-logout {