1.7 去掉事件详情输入框,个股中心部分模块页面搭建
This commit is contained in:
@@ -7,3 +7,245 @@ page {
|
||||
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;
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockDetailsC .basicInfoC .priceC .currentChgC .current {
|
||||
font-size: 48rpx;
|
||||
font-weight: 900;
|
||||
}
|
||||
.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 .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 .expand {
|
||||
color: #BB8520;
|
||||
}
|
||||
.stockDetailsC .otherInfoC {
|
||||
background-color: white;
|
||||
margin: 20rpx 25rpx 0;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .tabC {
|
||||
white-space: nowrap;
|
||||
margin: 0 20rpx;
|
||||
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;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #939393;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .companyFilesList .item.select {
|
||||
background-color: #F3C368;
|
||||
font-weight: bold;
|
||||
color: #070707;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList {
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .section {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC {
|
||||
background-color: #FAFAFC;
|
||||
border-radius: 10rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.stockDetailsC .otherInfoC .businessInfoList .infoC .title {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user