12.12 页面风格改版，增加事件详情相关概念网页跳转，增加绑定手机号功能
This commit is contained in:
尚政杰
205
unpackage/dist/dev/mp-weixin/pages/concept/hotStock/hotStock.wxss
vendored
Normal file
205
unpackage/dist/dev/mp-weixin/pages/concept/hotStock/hotStock.wxss
vendored
Normal file
@@ -0,0 +1,205 @@
|
||||
page {
|
||||
background-color: #070707;
|
||||
}
|
||||
.topBg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.titleScreenC {
|
||||
background-color: #FFF9F5;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 25rpx;
|
||||
padding: 22rpx 25rpx 0;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
.titleScreenC .title {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #2B2B2B;
|
||||
}
|
||||
.titleScreenC .screenC {
|
||||
padding: 0 20rpx;
|
||||
line-height: 42rpx;
|
||||
border-radius: 23rpx;
|
||||
border: solid 2rpx #F3C368;
|
||||
font-size: 22rpx;
|
||||
color: #E3AA3D;
|
||||
}
|
||||
.titleScreenC .screenC .arrow {
|
||||
margin-left: 7rpx;
|
||||
width: 12rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockList {
|
||||
background-color: #FFF9F5;
|
||||
left: 0;
|
||||
width: calc(100% - 50rpx);
|
||||
bottom: 62rpx;
|
||||
margin: 0 25rpx;
|
||||
border-radius: 0 0 10rpx 10rpx ;
|
||||
}
|
||||
.stockList .list {
|
||||
padding: 16rpx 25rpx;
|
||||
}
|
||||
.stockList .list .item {
|
||||
background-color: white;
|
||||
box-shadow: 0 5rpx 10rpx 0 rgba(127, 127, 127, 0.08);
|
||||
margin-bottom: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.stockList .list .item .stockInfoC {
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .titleCodeC .title {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .titleCodeC .code {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #888;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .chg {
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .chg.up {
|
||||
color: #EC3440;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .chg.down {
|
||||
color: #38A169;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .industry {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .reasonProjectC {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #DA9000;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .reasonProjectC .arrow {
|
||||
margin-left: 10rpx;
|
||||
width: 10rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockList .list .item .stockInfoC .reasonProjectC .arrow.expand {
|
||||
margin-left: 6rpx;
|
||||
width: 14rpx;
|
||||
height: auto;
|
||||
}
|
||||
.stockList .list .item .reasonProjectContentC {
|
||||
margin: 0 5rpx;
|
||||
border-top: solid 1rpx #F0F0F0;
|
||||
padding: 12rpx 9rpx 22rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
}
|
||||
.stockList .list .item .reasonProjectContentC .title {
|
||||
color: #DA9000;
|
||||
}
|
||||
.stockList .list .item .reasonProjectContentC .projectC {
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
.datePopup {
|
||||
background-color: white;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.datePopup .btnTitleC .btn {
|
||||
padding: 20rpx 26rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.datePopup .btnTitleC .btn.cancel {
|
||||
color: #727A8E;
|
||||
}
|
||||
.datePopup .btnTitleC .btn.confirm {
|
||||
color: #D79412;
|
||||
}
|
||||
.datePopup .btnTitleC .title {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.datePopup .yearMonthC {
|
||||
background-color: #F7F7F7;
|
||||
margin: 0 25rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
}
|
||||
.datePopup .yearMonthC .btn {
|
||||
padding: 0 52rpx;
|
||||
}
|
||||
.datePopup .yearMonthC .btn .icon {
|
||||
width: 13rpx;
|
||||
height: auto;
|
||||
}
|
||||
.datePopup .yearMonthC .yearMonth {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #070707;
|
||||
text-align: center;
|
||||
}
|
||||
.datePopup .weekList {
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
.datePopup .weekList .item {
|
||||
margin-right: 13rpx;
|
||||
line-height: 72rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
color: #A7A7A7;
|
||||
text-align: center;
|
||||
}
|
||||
.datePopup .monthDateList {
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
.datePopup .monthDateList .item {
|
||||
margin-bottom: 12rpx;
|
||||
width: calc(100%/7);
|
||||
}
|
||||
.datePopup .monthDateList .item .date {
|
||||
background-color: #f8f8f8;
|
||||
width: calc(100% - 10rpx);
|
||||
line-height: 64rpx;
|
||||
border-radius: 15rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #2A2A2A;
|
||||
text-align: center;
|
||||
}
|
||||
.datePopup .monthDateList .item .date.select {
|
||||
background-color: #F2C367;
|
||||
color: white;
|
||||
}
|
||||
.datePopup .monthDateList .item .date.notCurrentMonth {
|
||||
background-color: #FCFCFC;
|
||||
color: #999;
|
||||
}
|
||||
.datePopup .quickTimeC {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.datePopup .quickTimeC .item {
|
||||
margin-right: 25rpx;
|
||||
width: 120rpx;
|
||||
line-height: 56rpx;
|
||||
border-radius: 30rpx;
|
||||
border: solid 2rpx #4E4E4E;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #4E4E4E;
|
||||
text-align: center;
|
||||
}
|
||||
.datePopup .quickTimeC .item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user