1.26 个股详情业务结构，发展历程模块完善
This commit is contained in:
尚政杰
734
unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss
vendored
Normal file
734
unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss
vendored
Normal file
@@ -0,0 +1,734 @@
|
||||
page {
|
||||
background-color: #070707;
|
||||
}
|
||||
.topBg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.searchC {
|
||||
background-color: #292929B3;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 20rpx 25rpx 0;
|
||||
padding: 0 25rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.searchC .icon {
|
||||
margin-right: 12rpx;
|
||||
width: 25rpx;
|
||||
height: auto;
|
||||
}
|
||||
.searchC input {
|
||||
height: 100%;
|
||||
color: white;
|
||||
}
|
||||
.stockDetailsC {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(20rpx + 70rpx + 20rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.stockDetailsC .basicInfoC {
|
||||
background-color: white;
|
||||
margin: 0 25rpx;
|
||||
padding: 22rpx 20rpx 40rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .categoryLabelC {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #71675D;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .categoryLabelC .category {
|
||||
margin-right: 14rpx;
|
||||
padding: 0 12rpx;
|
||||
line-height: 34rpx;
|
||||
border: solid 1rpx #71675D;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC {
|
||||
margin-top: 10rpx;
|
||||
padding: 0 6rpx 16rpx;
|
||||
border-bottom: solid 1rpx #E7E7E7;
|
||||
font-weight: 500;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC {
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC .current {
|
||||
font-size: 48rpx;
|
||||
font-weight: 900;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC .up {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC .down {
|
||||
color: #345423;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC .chg {
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .priceIndexC {
|
||||
font-size: 24rpx;
|
||||
color: #71675D;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC {
|
||||
height: 40rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.up {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.down {
|
||||
color: #345423;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC.marginR {
|
||||
margin-left: 80rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .section {
|
||||
margin-top: 14rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC {
|
||||
height: 40rpx;
|
||||
font-size: 22rpx;
|
||||
color: #71675D;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .rightInfoC {
|
||||
margin-left: 32rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .icon {
|
||||
margin-right: 15rpx;
|
||||
width: 26rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .title {
|
||||
margin-right: 18rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .content {
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .title.important,
|
||||
.stockDetailsC .basicInfoC .infoC .content.important {
|
||||
color: #BB8520;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .content.up {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .content.down {
|
||||
color: #345423;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .progressC {
|
||||
background-color: #345423;
|
||||
margin: 20rpx 10rpx 0;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .progressC .buy {
|
||||
background-color: #EC3440;
|
||||
width: 42%;
|
||||
height: 100%;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .buySaleC {
|
||||
margin: 10rpx 0;
|
||||
padding: 0 10rpx 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: solid 1rpx #E7E7E7;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .buySaleC .buy {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .buySaleC .sale {
|
||||
color: #345423;
|
||||
text-align: right;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .companyInfo {
|
||||
display: flex;
|
||||
margin-top: 16rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #71675D;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .companyInfo .title {
|
||||
margin-right: 10rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .companyInfo .info.retract {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .companyInfo .expand {
|
||||
background-color: white;
|
||||
color: #BB8520;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .companyInfo .expand .ellipsis {
|
||||
color: #71675D;
|
||||
}
|
||||
.stockDetailsC .otherInfoC {
|
||||
background-color: white;
|
||||
margin: 20rpx 25rpx 0;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .tabC {
|
||||
white-space: nowrap;
|
||||
margin: 0 20rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
border-bottom: solid 1rpx #E7E7E7;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .tabC .item {
|
||||
display: inline-block;
|
||||
margin-right: 40rpx;
|
||||
line-height: 70rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .tabC .item.select {
|
||||
border-bottom: solid 1rpx #F2C369;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .companyFilesList {
|
||||
white-space: nowrap;
|
||||
margin: 22rpx 26rpx 0;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .companyFilesList .item {
|
||||
display: inline-block;
|
||||
background-color: #F6F6F6;
|
||||
margin-right: 20rpx;
|
||||
padding: 0 12rpx;
|
||||
line-height: 46rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #939393;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .companyFilesList .item.select {
|
||||
background-color: #F3C368;
|
||||
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 .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist {
|
||||
background-color: #FFF7E9;
|
||||
border: solid 1rpx #F2C369;
|
||||
color: #F2C369;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.logOff {
|
||||
background-color: #FFF1F1;
|
||||
border: solid 1rpx #EF3535;
|
||||
color: #EF3535;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC {
|
||||
background-color: #FAFAFC;
|
||||
border-radius: 10rpx;
|
||||
padding: 12rpx 20rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.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 .section .industryRankC {
|
||||
margin-left: 10rpx;
|
||||
padding: 0 12rpx;
|
||||
line-height: 38rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
border-radius: 19rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .section .industryRankC .icon {
|
||||
margin-right: 5rpx;
|
||||
width: 17rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .corePositionC {
|
||||
background-color: #FAFAFC;
|
||||
padding: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #2A2A2A;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item {
|
||||
background-color: #FAFAFC;
|
||||
margin-bottom: 20rpx;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .icon {
|
||||
width: 81rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .title {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .content {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #2A2A2A;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList .labelC {
|
||||
background-color: #FFF7E9;
|
||||
margin: 0 12rpx 12rpx 0;
|
||||
padding: 0 10rpx;
|
||||
line-height: 38rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
border-radius: 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList .labelC .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .subSection {
|
||||
line-height: 60rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #2A2A2A;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .mainCompetitorList .item {
|
||||
background-color: #FFF7E9;
|
||||
margin: 0 20rpx 20rpx 0;
|
||||
padding: 0 16rpx;
|
||||
line-height: 38rpx;
|
||||
border-radius: 20rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #F3C368;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .mainCompetitorList .item .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item {
|
||||
margin-bottom: 40rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .icon {
|
||||
margin-right: 10rpx;
|
||||
width: 24rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .title {
|
||||
margin-right: 15rpx;
|
||||
font-weight: 500;
|
||||
color: #232323;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .progressBgC {
|
||||
background-color: #EFEFEF;
|
||||
margin-right: 15rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .progressBgC .progress {
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .progressBgC .progress.blue {
|
||||
background: linear-gradient(90deg, #4AAFFF 0%, #1F83FD 100%);
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .progressBgC .progress.purple {
|
||||
background: linear-gradient(90deg, #DD96FC 0%, #C061FD 100%);
|
||||
}
|
||||
.stockDetailsC .otherInfoC .strategicAnalysisList .scoreList .item .score {
|
||||
font-weight: 800;
|
||||
color: #070707;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .ywjg_list {
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .ywjg_list .title {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .ywjg_list .ywjg_item_1 {
|
||||
font-weight: 500;
|
||||
margin: 20rpx;
|
||||
background-color: #FAFAFC;
|
||||
border-radius: 10rpx;
|
||||
padding: 25rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bottomC {
|
||||
background-color: black;
|
||||
padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.bottomC .inputC {
|
||||
background-color: #424143;
|
||||
margin-right: 20rpx;
|
||||
padding: 0 33rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
}
|
||||
.bottomC .inputC input {
|
||||
height: 100%;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.bottomC .contrastShareC .item {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #FEFAF6;
|
||||
text-align: center;
|
||||
}
|
||||
.bottomC .contrastShareC .item .icon {
|
||||
margin: 0 30rpx;
|
||||
width: auto;
|
||||
height: 26rpx;
|
||||
}
|
||||
.industryRankPop {
|
||||
background-color: white;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.industryRankPop .popTitle {
|
||||
margin: 0 20rpx;
|
||||
line-height: 100rpx;
|
||||
border-bottom: solid 1rpx #E7E7E7;
|
||||
font-size: 35rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
.industryRankPop .closeC {
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 40rpx 26rpx;
|
||||
}
|
||||
.industryRankPop .closeC .icon {
|
||||
display: block;
|
||||
width: 20rpx;
|
||||
height: auto;
|
||||
}
|
||||
.industryRankPop .rankList {
|
||||
max-height: 660rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC {
|
||||
padding: 30rpx 26rpx;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC .section {
|
||||
margin-right: 11rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC .industryC {
|
||||
background-color: #FFF7E9;
|
||||
padding: 0 15rpx;
|
||||
line-height: 34rpx;
|
||||
border: solid 1rpx #F2C369;
|
||||
border-radius: 18rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #F2C369;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC .industryC .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC .date {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #71675D;
|
||||
}
|
||||
.industryRankPop .rankList .list {
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.industryRankPop .rankList .list .item {
|
||||
margin: 0 20rpx 20rpx 0;
|
||||
padding: 20rpx 12rpx;
|
||||
width: calc((100% - 40rpx)/3);
|
||||
border: solid 1rpx #FCE2B2;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.industryRankPop .rankList .list .item .title {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.industryRankPop .rankList .list .item .valueRankC .value {
|
||||
margin-right: 9rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 800;
|
||||
color: #BB8520;
|
||||
}
|
||||
.industryRankPop .rankList .list .item .valueRankC .rank {
|
||||
background-color: #F3C368;
|
||||
padding: 0 9rpx;
|
||||
line-height: 30rpx;
|
||||
border-radius: 15rpx;
|
||||
font-size: 24rpx;
|
||||
color: white;
|
||||
}
|
||||
.industryRankPop .rankList .list .item .average {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
word-break: break-all;
|
||||
}
|
||||
.industryRankPop .rankList .list .item:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.industryRankPop .detailPopup {
|
||||
height: 70%;
|
||||
background-color: white;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
Reference in New Issue
Block a user