8.28 修改事件详情相关概念模块样式,增加股票详情信息来源展示
This commit is contained in:
@@ -118,42 +118,119 @@
|
||||
.eventDetailsC .conceptList {
|
||||
padding: 30rpx 25rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .item {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .cover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 350rpx;
|
||||
.eventDetailsC .conceptList .conceptItem {
|
||||
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
|
||||
margin: 0 30rpx 30rpx 0;
|
||||
width: calc((100% - 30rpx)/2);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC {
|
||||
background: linear-gradient(to bottom, #00000080, #000);
|
||||
padding: 20rpx 23rpx;
|
||||
left: 0;
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .cover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
border-radius: ;
|
||||
height: 220rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .rateC {
|
||||
top: 12rpx;
|
||||
left: 12rpx;
|
||||
padding: 0 10rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 18rpx;
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .title {
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .rateC .icon {
|
||||
width: 11rpx;
|
||||
height: auto;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .rateC.up {
|
||||
background-color: #E53E3E;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .rateC.down {
|
||||
background-color: #38A169;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .coverC .totalC {
|
||||
background: linear-gradient(-90deg, #FAC915 0%, #F18D10 100%);
|
||||
top: 12rpx;
|
||||
right: 12rpx;
|
||||
padding: 0 9rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 20rpx;
|
||||
color: white;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC {
|
||||
padding: 20rpx 23rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .title {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .content {
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .content {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
margin-top: 10rpx;
|
||||
line-height: 1.2rem;
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.2rem;
|
||||
color: #666;
|
||||
}
|
||||
.eventDetailsC .conceptList .item .infoC .content .lookDetails {
|
||||
right: 0;
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .transactionDate {
|
||||
margin-top: 12rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #AAA;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .hotStockC {
|
||||
background-color: #F7FAFC;
|
||||
margin-top: 16rpx;
|
||||
padding: 10rpx 13rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .hotStockC .titleC {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .hotStockC .titleC .arrow {
|
||||
width: 6rpx;
|
||||
height: auto;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .hotStockC .stockList {
|
||||
margin-top: 10rpx;
|
||||
height: 35rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .hotStockC .stockList .item {
|
||||
background-color: #FFEADC;
|
||||
margin: 0 5rpx 5rpx 0;
|
||||
padding: 0 9rpx;
|
||||
line-height: 30rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 18rpx;
|
||||
font-weight: 500;
|
||||
color: #F97316;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .dateHistoryTimeC {
|
||||
margin-top: 10rpx;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .dateHistoryTimeC .date {
|
||||
color: #666;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem .infoC .dateHistoryTimeC .historyTimeC {
|
||||
background-color: #F97316;
|
||||
padding: 0 6rpx;
|
||||
line-height: 38rpx;
|
||||
border-radius: 5rpx;
|
||||
color: white;
|
||||
}
|
||||
.eventDetailsC .conceptList .conceptItem:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.eventDetailsC .historyEventList {
|
||||
padding: 34rpx 25rpx;
|
||||
}
|
||||
@@ -545,7 +622,6 @@
|
||||
color: #F6604A;
|
||||
}
|
||||
.stockPopup .list .item .sectorRateC .rateC {
|
||||
background-color: #C00000;
|
||||
display: inline-block;
|
||||
padding: 0 10rpx;
|
||||
height: 30rpx;
|
||||
@@ -558,6 +634,12 @@
|
||||
width: 15rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockPopup .list .item .sectorRateC .rateC.up {
|
||||
background-color: #C00000;
|
||||
}
|
||||
.stockPopup .list .item .sectorRateC .rateC.down {
|
||||
background-color: #355422;
|
||||
}
|
||||
.stockPopup .list .item .content {
|
||||
margin-top: 16rpx;
|
||||
font-size: 24rpx;
|
||||
|
||||
Reference in New Issue
Block a user