1.9 个股中心模块搭建

This commit is contained in:
尚政杰
2026-01-09 17:43:20 +08:00
parent f6086bcf7d
commit 27dc03940b
19 changed files with 768 additions and 53 deletions

View File

@@ -192,6 +192,7 @@ page {
margin-right: 20rpx;
padding: 0 12rpx;
line-height: 46rpx;
border-radius: 5rpx;
font-size: 24rpx;
font-weight: 500;
color: #939393;
@@ -201,10 +202,178 @@ page {
font-weight: bold;
color: #070707;
}
.stockDetailsC .otherInfoC .managementTeamList {
padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC {
height: 70rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .position {
margin-right: 11rpx;
font-size: 28rpx;
font-weight: bold;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num {
padding: 0 14rpx;
line-height: 30rpx;
border-radius: 5rpx;
font-size: 20rpx;
font-weight: bold;
color: white;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.director {
background-color: #99AFEC;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.supervisor {
background-color: #B499EC;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.other {
background-color: #B5B5C9;
}
.stockDetailsC .otherInfoC .managementTeamList .item {
background-color: #FAFAFC;
margin-bottom: 20rpx;
padding: 20rpx 25rpx 20rpx 20rpx;
border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC {
margin-right: 18rpx;
width: 80rpx;
height: 80rpx;
border-radius: 50%;
font-size: 30rpx;
font-weight: bold;
color: white;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC {
right: 0;
bottom: 0;
width: 30rpx;
height: 30rpx;
border-radius: 50%;
border: solid 2rpx white;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC .icon {
width: 16rpx;
height: auto;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.female {
background-color: #FA5A93;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.male {
background-color: #3E6CFC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.director {
background-color: #99AFEC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.supervisor {
background-color: #B499EC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.other {
background-color: #B5B5C9;
}
.stockDetailsC .otherInfoC .managementTeamList .item .name {
margin-right: 13rpx;
font-size: 24rpx;
font-weight: bold;
color: #666;
}
.stockDetailsC .otherInfoC .managementTeamList .item .position {
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.stockDetailsC .otherInfoC .managementTeamList .item .date {
font-size: 20rpx;
font-weight: 500;
color: #999;
text-align: right;
}
.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC {
margin-top: 8rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC .label {
margin-right: 10rpx;
background-color: #F1F1F1;
line-height: 30rpx;
padding: 0 16rpx;
font-size: 20rpx;
font-weight: 500;
color: #999;
}
.stockDetailsC .otherInfoC .managementTeamList .expandMoreC {
height: 80rpx;
border-bottom: solid 1rpx #E7E7E7;
font-size: 24rpx;
font-weight: 500;
color: #C9C9C9;
}
.stockDetailsC .otherInfoC .managementTeamList .expandMoreC .arrow {
margin-left: 18rpx;
width: 11rpx;
height: auto;
}
.stockDetailsC .otherInfoC .branchList {
margin-top: 38rpx;
padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item {
background-color: #FAFAFC;
margin-bottom: 20rpx;
padding: 20rpx;
border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC {
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC {
padding: 0 10rpx;
line-height: 28rpx;
border-radius: 15rpx;
font-size: 20rpx;
font-weight: 500;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist {
background-color: #FFF7E9;
border: solid 1rpx #F2C369;
color: #F2C369;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist .icon {
margin-right: 3rpx;
width: 16rpx;
height: auto;
}
.stockDetailsC .otherInfoC .branchList .item .infoC {
height: 50rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .title {
margin-right: 16rpx;
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .content {
font-size: 24rpx;
font-weight: bold;
color: #2A2A2A;
text-align: right;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.leftInfo {
margin-right: 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.rightInfo {
margin-left: 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC.topInfo {
margin-top: 10rpx;
}
.stockDetailsC .otherInfoC .businessInfoList {
padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .section {
line-height: 72rpx;
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
@@ -212,13 +381,65 @@ page {
.stockDetailsC .otherInfoC .businessInfoList .infoC {
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 20rpx;
padding: 12rpx 20rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
line-height: 40rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .title {
font-size: 22rpx;
font-weight: 500;
color: #999;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content {
font-size: 24rpx;
font-weight: 500;
color: #2A2A2A;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content.code {
color: #BB8520;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content.rightAlign {
text-align: right;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC.mainBussiness {
padding: 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList {
padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .section {
line-height: 72rpx;
font-size: 28rpx;
font-weight: bold;
color: #2B2B2B;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC {
background-color: #FAFAFC;
border-radius: 10rpx;
padding: 12rpx 20rpx;
margin-bottom: 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .infoItem {
line-height: 40rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .title {
font-size: 22rpx;
font-weight: 500;
color: #2A2A2A;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content {
margin-top: 10rpx;
font-size: 20rpx;
font-weight: 500;
color: #999;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.code {
color: #BB8520;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.rightAlign {
text-align: right;
}
.bottomC {
background-color: black;
padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));