feat：MineView 新增个人档案区块样式

2026-06-15 10:50:48 +08:00
parent ffa77400c9
commit b9bacb36e7
1 changed files with 97 additions and 0 deletions
@@ -419,6 +419,103 @@ const terminateLifeHarmony = () => {
  font-weight: 800;
 }

+.profile-section {
+  position: relative;
+  z-index: 1;
+  margin-top: 42rpx;
+}
+
+.section-header {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  margin-bottom: 28rpx;
+}
+
+.section-star {
+  color: #ffd184;
+  font-size: 28rpx;
+}
+
+.section-title {
+  color: #fff;
+  font-size: 40rpx;
+  font-weight: 800;
+}
+
+.profile-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  margin-bottom: 24rpx;
+}
+
+.grid-item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6rpx;
+  padding-right: 16rpx;
+  border-right: 1rpx solid rgba(180, 139, 255, 0.22);
+}
+
+.grid-item + .grid-item {
+  padding-left: 16rpx;
+}
+
+.grid-item.no-border {
+  border-right: 0;
+}
+
+.grid-icon {
+  font-size: 30rpx;
+  line-height: 1;
+  margin-bottom: 4rpx;
+}
+
+.grid-label {
+  color: rgba(219, 204, 247, 0.54);
+  font-size: 20rpx;
+}
+
+.grid-value {
+  color: #fff;
+  font-size: 23rpx;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+
+.hobby-line {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid rgba(180, 139, 255, 0.22);
+}
+
+.hobby-heart {
+  color: #a855ff;
+  font-size: 30rpx;
+  text-shadow: 0 0 24rpx rgba(168, 85, 255, 0.7);
+}
+
+.hobby-label {
+  color: rgba(219, 204, 247, 0.54);
+  font-size: 20rpx;
+  flex-shrink: 0;
+}
+
+.hobby-value {
+  color: #fff;
+  font-size: 23rpx;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .menu-list {
  position: relative;
  z-index: 1;