1.24 雷达图,行业排名弹窗UI完善,接口对接,公司公告,新闻动态接口对接
This commit is contained in:
@@ -58,12 +58,17 @@ page {
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC {
|
||||
margin-right: 40rpx;
|
||||
color: #EC3440;
|
||||
}
|
||||
.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;
|
||||
@@ -118,6 +123,9 @@ page {
|
||||
.stockDetailsC .basicInfoC .infoC .content.up {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .infoC .content.down {
|
||||
color: #345423;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .progressC {
|
||||
background-color: #345423;
|
||||
margin: 20rpx 10rpx 0;
|
||||
@@ -155,8 +163,21 @@ page {
|
||||
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;
|
||||
@@ -166,6 +187,7 @@ page {
|
||||
.stockDetailsC .otherInfoC .tabC {
|
||||
white-space: nowrap;
|
||||
margin: 0 20rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
border-bottom: solid 1rpx #E7E7E7;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .tabC .item {
|
||||
@@ -335,15 +357,20 @@ page {
|
||||
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.exist .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.logOff {
|
||||
background-color: #FFF1F1;
|
||||
border: solid 1rpx #EF3535;
|
||||
color: #EF3535;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .branchList .item .infoC {
|
||||
height: 50rpx;
|
||||
@@ -384,7 +411,7 @@ page {
|
||||
padding: 12rpx 20rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
|
||||
line-height: 40rpx;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC .title {
|
||||
font-size: 22rpx;
|
||||
@@ -524,6 +551,42 @@ page {
|
||||
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;
|
||||
}
|
||||
@@ -592,16 +655,20 @@ page {
|
||||
width: 20rpx;
|
||||
height: auto;
|
||||
}
|
||||
.industryRankPop .sectionDateC {
|
||||
.industryRankPop .rankList {
|
||||
max-height: 660rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.industryRankPop .rankList .sectionDateC {
|
||||
padding: 30rpx 26rpx;
|
||||
}
|
||||
.industryRankPop .sectionDateC .section {
|
||||
.industryRankPop .rankList .sectionDateC .section {
|
||||
margin-right: 11rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.industryRankPop .sectionDateC .industryC {
|
||||
.industryRankPop .rankList .sectionDateC .industryC {
|
||||
background-color: #FFF7E9;
|
||||
padding: 0 15rpx;
|
||||
line-height: 34rpx;
|
||||
@@ -611,26 +678,52 @@ page {
|
||||
font-weight: 500;
|
||||
color: #F2C369;
|
||||
}
|
||||
.industryRankPop .sectionDateC .industryC .icon {
|
||||
.industryRankPop .rankList .sectionDateC .industryC .icon {
|
||||
margin-right: 3rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.industryRankPop .sectionDateC .date {
|
||||
.industryRankPop .rankList .sectionDateC .date {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #71675D;
|
||||
}
|
||||
.industryRankPop .list {
|
||||
.industryRankPop .rankList .list {
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.industryRankPop .list .item {
|
||||
.industryRankPop .rankList .list .item {
|
||||
margin: 0 20rpx 20rpx 0;
|
||||
width: calc((100% - 40rpx)/2);
|
||||
padding: 20rpx 12rpx;
|
||||
width: calc((100% - 40rpx)/3);
|
||||
border: solid 1rpx #FCE2B2;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.industryRankPop .list .item:nth-child(3n) {
|
||||
.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 {
|
||||
|
||||
Reference in New Issue
Block a user