会员个人中心页面初步完成

This commit is contained in:
时舟年
2026-06-04 14:18:53 +08:00
parent 8e7c8f52f6
commit 7350293d0e
170 changed files with 18092 additions and 35 deletions
@@ -0,0 +1,774 @@
.Pixso-frame-2_965 {
width: 100%;
height: 62px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: var(--bg-white);
}
.frame-content-2_965 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px 20px 0px 20px;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_966 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 600;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-paragraph-2_967 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_968 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
background-color: var(--bg-white);
}
.frame-content-2_968 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.stroke-wrapper-2_968 {
position: relative;
width: 100%;
height: 52px;
display: flex;
flex-shrink: 0;
}
.stroke-2_968 {
position: absolute;
inset: 0px;
border-radius: 0px 0px 0px 0px;
pointer-events: none;
border-width: 0px 0px 1px 0px;
border-style: solid;
box-sizing: border-box;
border-color: var(--border-light);
}
.Pixso-frame-2_969 {
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-light);
}
.frame-content-2_969 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
}
.Pixso-vector-2_970 {width: 20px;
height: 20px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_972 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 700;
text-align: center;
color: var(--primary-dark);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-frame-2_973 {
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0;
background-color: rgba(249, 250, 254, 0);
}
.Pixso-frame-2_974 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
background-color: var(--bg-white);
}
.frame-content-2_974 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
width: 100%;
height: 100%;
position: relative;
}
.stroke-wrapper-2_974 {
position: relative;
width: 100%;
height: 44px;
display: flex;
flex-shrink: 0;
}
.stroke-2_974 {
position: absolute;
inset: 0px;
border-radius: 0px 0px 0px 0px;
pointer-events: none;
border-width: 0px 0px 1px 0px;
border-style: solid;
box-sizing: border-box;
border-color: var(--border-light);
}
.Pixso-frame-2_975 {
width: 74px;
height: 44px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.frame-content-2_975 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_976 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 700;
color: var(--accent-orange);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_977 {
width: 74px;
height: 2px;
position: absolute;
left: 0px;
top: 42px;
border-radius: 2px 2px 2px 2px;
background-color: var(--accent-orange);
}
.Pixso-frame-2_978 {
width: auto;
height: 44px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.frame-content-2_978 {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 16px 0px 16px;
height: 100%;
position: relative;
}
.Pixso-paragraph-2_979 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_980 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.frame-content-2_980 {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
padding: 16px 16px 40px 16px;
width: 100%;
position: relative;
}
.Pixso-frame-2_981 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
border-radius: 10px 10px 10px 10px;
background-color: rgba(255, 243, 238, 1);
}
.frame-content-2_981 {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
padding: 10px 12px 10px 12px;
width: 100%;
position: relative;
}
.stroke-wrapper-2_981 {
position: relative;
width: 100%;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_981 {
position: absolute;
inset: 0px;
border-radius: 10px 10px 10px 10px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(255, 204, 170, 1);
}
.Pixso-vector-2_982 {width: 14px;
height: 14px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_985 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--accent-orange);
width: 100%;
height: auto;
position: relative;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
}
.Pixso-frame-2_986 {
width: 100%;
height: 195px;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 14px 14px 14px 14px;
box-shadow: 0px 2px 10px 0px rgba(26, 25, 24, 0.03137254901960784);
background-color: var(--bg-white);
}
.frame-content-2_986 {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
position: relative;
}
.Pixso-vector-2_987 {width: 100%;
height: 80px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-frame-2_988 {
width: 358px;
height: 80px;
position: absolute;
left: 0px;
top: 0px;
border-radius: 14px 14px 0px 0px;
background-color: rgba(0, 0, 0, 0.1882352977991104);
}
.Pixso-frame-2_989 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.frame-content-2_989 {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
padding: 12px 14px 12px 14px;
width: 100%;
position: relative;
}
.Pixso-frame-2_990 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.frame-content-2_990 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_991 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 700;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_992 {
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 4px 10px 4px 10px;
border-radius: 6px 6px 6px 6px;
background-color: var(--success-green);
}
.Pixso-paragraph-2_993 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 500;
color: var(--text-inverse);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_994 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_994 {
display: flex;
flex-direction: row;
gap: 14px;
align-items: center;
width: 100%;
position: relative;
}
.Pixso-vector-2_995 {width: 13px;
height: 13px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_998 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-vector-2_999 {width: 13px;
height: 13px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_1002 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1003 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.frame-content-2_1003 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_1004 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1005 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 6px 14px 6px 14px;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-white);
}
.stroke-wrapper-2_1005 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_1005 {
position: absolute;
inset: -1px -1px -1px -1px;
border-radius: 9px 9px 9px 9px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: var(--border-light);
}
.Pixso-paragraph-2_1006 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--error-red);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1007 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
border-radius: 14px 14px 14px 14px;
box-shadow: 0px 2px 10px 0px rgba(26, 25, 24, 0.03137254901960784);
background-color: var(--bg-white);
}
.frame-content-2_1007 {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
position: relative;
}
.Pixso-vector-2_1008 {width: 100%;
height: 80px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-frame-2_1009 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.frame-content-2_1009 {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
padding: 12px 14px 12px 14px;
width: 100%;
position: relative;
}
.Pixso-frame-2_1010 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.frame-content-2_1010 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_1011 {
font-size: var(--font-size-md);
font-family: var(--font-family);
font-weight: 700;
color: var(--text-dark);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1012 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 4px 10px 4px 10px;
border-radius: 6px 6px 6px 6px;
background-color: rgba(255, 243, 238, 1);
}
.stroke-wrapper-2_1012 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_1012 {
position: absolute;
inset: 0px;
border-radius: 6px 6px 6px 6px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: rgba(212, 166, 74, 1);
}
.Pixso-paragraph-2_1013 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 500;
color: var(--accent-orange);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1014 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.frame-content-2_1014 {
display: flex;
flex-direction: row;
gap: 14px;
align-items: center;
width: 100%;
position: relative;
}
.Pixso-vector-2_1015 {width: 13px;
height: 13px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_1018 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-vector-2_1019 {width: 13px;
height: 13px;
position: relative;
flex-shrink: 0;
display: block;
}
.Pixso-paragraph-2_1022 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-muted);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1023 {
width: 100%;
height: auto;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.frame-content-2_1023 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.Pixso-paragraph-2_1024 {
font-size: var(--font-size-sm);
font-family: var(--font-family);
font-weight: 400;
color: var(--text-light);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}
.Pixso-frame-2_1025 {
width: 100%;
height: 100%;
position: relative;
flex-shrink: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 6px 14px 6px 14px;
border-radius: 8px 8px 8px 8px;
background-color: var(--bg-white);
}
.stroke-wrapper-2_1025 {
position: relative;
width: auto;
height: auto;
display: flex;
flex-shrink: 0;
}
.stroke-2_1025 {
position: absolute;
inset: -1px -1px -1px -1px;
border-radius: 9px 9px 9px 9px;
pointer-events: none;
border-width: 1px 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
border-color: var(--border-light);
}
.Pixso-paragraph-2_1026 {
font-size: var(--font-size-base);
font-family: var(--font-family);
font-weight: 500;
color: var(--error-red);
width: auto;
height: auto;
position: relative;
flex-shrink: 0;
white-space: nowrap;
flex-grow: 0;
}