George/HTFX-CRM-APP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 初始化

Browse Source
This commit is contained in:
George
2025-07-07 15:55:44 +08:00
commit 9b7bfcfe5a
969 changed files with 123036 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
pages/user/personalInformation/index.scss Normal file
View File

@ -0,0 +1,138 @@
.container {
padding: 0 16px;
.swiper {
margin: 14px 0 18px;
}
.title {
display: flex;
column-gap: 6px;
align-items: center;
font-size: 28px;
font-weight: 700;
color: rgba(51, 51, 51, 1);
cursor: pointer;
}
.stepsWrapper {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 8px;
color: #999999;
font-size: 12px;
margin: 34px 0 20px;
.steps {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 3px;
width: 100%;
height: 10px;
padding: 0 3px;
border: 1px solid #e5e5e5;
border-radius: 10px;
box-sizing: border-box;
.stepItem {
flex: 1;
height: 5px;
background-color: #e5e5e5;
border-radius: 10px;
box-sizing: border-box;
&.active {
background-image: linear-gradient(to right, #103776 0%, #6474af 100%);
}
}
}
}
.authStatusList {
display: flex;
flex-direction: column;
row-gap: 21px;
margin: 29px 0 36px;
.authStatusItem {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 4px;
padding: 0px 16px;
height: 93px;
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
&:focus, &:active {
box-shadow: 0px 0px 5px 3px rgba(41, 187, 228, 0.2);
}
.left {
display: flex;
align-items: center;
column-gap: 14px;
font-size: 14px;
font-weight: 700;
word-break: break-all;
.icon {
flex-shrink: 0;
width: 40px;
height: 40px;
}
}
.right {
display: flex;
align-items: center;
column-gap: 2px;
font-size: 12px;
.icon {
width: 12px;
height: 12px;
}
.text {
line-height: 18px;
white-space: nowrap;
}
}
}
.authStatusItemDisable {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 4px;
padding: 0px 16px;
height: 93px;
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
position: relative;
&:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff80;
}
.left {
display: flex;
align-items: center;
column-gap: 14px;
font-size: 14px;
font-weight: 700;
word-break: break-all;
.icon {
flex-shrink: 0;
width: 40px;
height: 40px;
}
}
.right {
display: flex;
align-items: center;
column-gap: 2px;
font-size: 12px;
.icon {
width: 12px;
height: 12px;
}
.text {
line-height: 18px;
white-space: nowrap;
}
}
}
}
}