novalon/gym-manage
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
时舟年
2026-06-04 14:18:53 +08:00
committed by liwentao
parent 1fa2fbd3f3
commit a0026b1da5
170 changed files with 18092 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gym-manage-uniapp/common/style/memberInfo/member-info-settings.css
+166
View File
@@ -0,0 +1,166 @@
.settings-section {
width: 100%;
box-sizing: border-box;
--bg-white: #ffffff;
--text-dark: #1e2a3a;
--text-light: #8a99b4;
--error-red: #e74c3c;
--success-green: #2ecc71;
--border-light: #e9edf2;
--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--font-size-xs: 11px;
--font-size-base: 14px;
--font-size-md: 16px;
--font-weight-medium: 500;
--font-weight-bold: 700;
}
.settings-section__inner {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.settings-section__title {
display: block;
font-size: 16px;
font-family: var(--font-family);
font-weight: 700;
color: #1e2a3a;
line-height: 1.4;
}
.settings-section__list {
width: 100%;
border-radius: 14px;
box-shadow: 0 2px 10px rgba(26, 25, 24, 0.03);
background-color: #ffffff;
overflow: hidden;
}
.settings-section__list-inner {
display: flex;
flex-direction: column;
width: 100%;
}
.settings-section__item {
width: 100%;
min-height: 52px;
display: flex;
flex-direction: row;
align-items: center;
background-color: #ffffff;
}
.settings-section__item--tall {
min-height: 60px;
}
.settings-section__item-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 16px;
width: 100%;
box-sizing: border-box;
}
.settings-section__item-icon-wrap {
width: 32px;
height: 32px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background-color: rgba(255, 243, 238, 1);
}
.settings-section__item-icon-wrap--blue {
background-color: rgba(235, 243, 250, 1);
}
.settings-section__item-icon-wrap--green {
background-color: rgba(240, 250, 245, 1);
}
.settings-section__item-icon-wrap--red {
background-color: rgba(255, 236, 236, 1);
}
.settings-section__item-icon-wrap-inner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.settings-section__item-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
display: block;
}
.settings-section__item-label {
flex: 1;
min-width: 0;
display: block;
font-size: 14px;
font-family: var(--font-family);
font-weight: 500;
color: #1e2a3a;
line-height: 1.4;
}
.settings-section__item-label--danger {
color: #e74c3c;
}
.settings-section__item-texts {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.settings-section__item-title {
display: block;
font-size: 14px;
font-family: var(--font-family);
font-weight: 500;
color: #1e2a3a;
line-height: 1.4;
}
.settings-section__item-desc {
display: block;
font-size: 11px;
font-family: var(--font-family);
font-weight: 400;
color: #2ecc71;
line-height: 1.3;
}
.settings-section__item-arrow {
width: 16px;
height: 16px;
flex-shrink: 0;
display: block;
}
.settings-section__item-divider {
width: 100%;
height: 1px;
background-color: #e9edf2;
}
.mi-tap-row--hover {
opacity: 0.72;
}