bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
Ultrame
2025-11-10 17:29:01 +08:00
parent 0657e57fe4
commit 0e24ed9b77
5 changed files with 86 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/components/UserInfo/index.scss
View File

@@ -1,4 +1,4 @@
@use '../../scss/common.scss' as *;
@use "../../scss/common.scss" as *;
// 用户信息卡片样式
.user_info_card {
@@ -38,7 +38,6 @@
}
.tag_icon {
/* Auto layout */
display: flex;
flex-direction: row;
@@ -49,7 +48,6 @@
width: 40px;
height: 40px;
/* Inside auto layout */
flex: none;
order: 2;
@@ -75,7 +73,7 @@
align-items: center;
.stat_number {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 600;
font-size: 18px;
line-height: 1.4em;
@@ -84,7 +82,7 @@
}
.stat_label {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 12px;
line-height: 1.4em;
@@ -139,7 +137,7 @@
transition: all 0.3s ease;
&.following {
background: #FFFFFF;
background: #ffffff;
color: #000000;
.button_text {
@@ -157,11 +155,11 @@
}
.button_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 600;
font-size: 14px;
line-height: 1.4em;
color: #FFFFFF;
color: #ffffff;
}
}
@@ -169,7 +167,7 @@
width: 40px;
height: 40px;
padding: unset;
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.12);
border-radius: 50%;
display: flex;
@@ -187,7 +185,7 @@
.edit_button {
min-width: 60px;
height: 40px;
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.12);
border-radius: 999px;
display: flex;
@@ -198,7 +196,7 @@
padding: 0 12px;
.button_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
@@ -209,7 +207,7 @@
.share_button {
min-width: 60px;
height: 40px;
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.12);
border-radius: 999px;
display: flex;
@@ -221,7 +219,7 @@
margin: 0px !important;
.button_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 14px;
line-height: 1.4em;
@@ -249,7 +247,7 @@
gap: 4px;
padding: 6px 8px;
height: 20px;
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.16);
border-radius: 999px;
box-sizing: border-box;
@@ -261,7 +259,7 @@
}
.tag_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 11px;
line-height: 1.8em;
@@ -271,7 +269,7 @@
}
.button_edit {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 11px;
line-height: 1.8em;
@@ -284,7 +282,7 @@
&::before,
&::after {
content: '';
content: "";
width: 6px;
height: 1px;
display: inline-block;
@@ -316,14 +314,13 @@
}
.bio_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 400;
font-size: 14px;
line-height: 1.571em;
color: rgba(0, 0, 0, 0.65);
white-space: pre-line;
}
}
}
}
@@ -343,7 +340,7 @@
transition: all 0.3s ease;
.tab_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 600;
font-size: 20px;
line-height: 1.4em;
@@ -369,7 +366,7 @@
// 球局卡片样式
.game_card {
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.08);
border-radius: 20px;
padding: 0 0 12px;
@@ -391,7 +388,7 @@
padding: 12px 15px 0;
.game_title {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 600;
font-size: 16px;
line-height: 1.5em;
@@ -414,7 +411,7 @@
padding: 6px 15px 0;
.time_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 400;
font-size: 12px;
line-height: 1.5em;
@@ -432,7 +429,7 @@
.location_text,
.type_text,
.distance_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 400;
font-size: 12px;
line-height: 1.5em;
@@ -440,7 +437,7 @@
}
.separator {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 400;
font-size: 14px;
line-height: 1.3em;
@@ -462,7 +459,7 @@
width: 56.44px;
height: 56.44px;
border-radius: 9px;
border: 1.5px solid #FFFFFF;
border: 1.5px solid #ffffff;
&:nth-child(1) {
top: 4.18px;
@@ -505,7 +502,7 @@
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #FFFFFF;
border: 1px solid #ffffff;
cursor: pointer;
transition: transform 0.2s ease;
@@ -516,7 +513,7 @@
}
.participants_count {
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.16);
border-radius: 999px;
padding: 6px;
@@ -526,7 +523,7 @@
justify-content: center;
.count_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 11px;
line-height: 1.8em;
@@ -541,7 +538,7 @@
gap: 4px;
.info_tag {
background: #FFFFFF;
background: #ffffff;
border: 0.5px solid rgba(0, 0, 0, 0.16);
border-radius: 999px;
padding: 6px 8px;
@@ -551,7 +548,7 @@
justify-content: center;
.tag_text {
font-family: 'PingFang SC';
font-family: "PingFang SC";
font-weight: 500;
font-size: 11px;
line-height: 1.8em;
@@ -561,4 +558,4 @@
}
}
}
}
}