1.9 个股中心模块搭建
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user