1.26 个股详情业务结构，发展历程模块完善
This commit is contained in:
尚政杰
611
unpackage/dist/dev/mp-weixin/pages/concept/concept.wxss
vendored
Normal file
611
unpackage/dist/dev/mp-weixin/pages/concept/concept.wxss
vendored
Normal file
@@ -0,0 +1,611 @@
|
||||
page {
|
||||
background-color: #070707;
|
||||
}
|
||||
.topBg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.topC {
|
||||
margin-top: 20rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.topC .searchRankC {
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.topC .searchRankC .searchC {
|
||||
background-color: #292929B3;
|
||||
padding: 0 25rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
border: solid 1rpx #363636;
|
||||
}
|
||||
.topC .searchRankC .searchC .icon {
|
||||
margin-right: 12rpx;
|
||||
width: 25rpx;
|
||||
height: auto;
|
||||
}
|
||||
.topC .searchRankC .searchC input {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
}
|
||||
.topC .searchRankC .rank {
|
||||
padding: 0 14rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #B5B6B6;
|
||||
}
|
||||
.topC .dateScreenC {
|
||||
padding: 20rpx 0 20rpx 27rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #CCCDD1;
|
||||
}
|
||||
.topC .dateScreenC .sortTypeC {
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
.topC .dateScreenC .sortTypeC .icon {
|
||||
margin-right: 14rpx;
|
||||
width: 30rpx;
|
||||
height: auto;
|
||||
}
|
||||
.topC .dateScreenC .line {
|
||||
background-color: #CCCDD1;
|
||||
width: 1rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
.topC .dateScreenC .transactionDateC {
|
||||
padding: 0 17rpx;
|
||||
}
|
||||
.topC .dateScreenC .transactionDateC .icon {
|
||||
margin-right: 10rpx;
|
||||
width: 23rpx;
|
||||
height: auto;
|
||||
}
|
||||
.topC .dateScreenC .arrow {
|
||||
margin-left: 7rpx;
|
||||
width: 11rpx;
|
||||
height: auto;
|
||||
}
|
||||
.conceptList {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(55px + env(safe-area-inset-bottom));
|
||||
}
|
||||
.conceptList .list {
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
.conceptList .list .item {
|
||||
background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
|
||||
margin-bottom: 24rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC {
|
||||
padding: 24rpx 18rpx 0;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .title {
|
||||
margin-right: 20rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #3D3D3D;
|
||||
word-break: break-all;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .chg {
|
||||
margin-right: 20rpx;
|
||||
padding: 0 13rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .chg.up {
|
||||
background-color: #EC3440;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .chg.down {
|
||||
background-color: #355422;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .stockNum {
|
||||
flex-shrink: 0;
|
||||
padding: 0 16rpx;
|
||||
line-height: 36rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .stockNum.up {
|
||||
color: #EC3440;
|
||||
border: solid 2rpx #EC3440;
|
||||
}
|
||||
.conceptList .list .item .titleChgStockNumC .stockNum.down {
|
||||
color: #355422;
|
||||
border: solid 2rpx #355422;
|
||||
}
|
||||
.conceptList .list .item .content {
|
||||
margin-top: 26rpx;
|
||||
padding: 0 22rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #71675D;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.conceptList .list .item .hotStockC {
|
||||
margin-top: 30rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .title {
|
||||
margin-right: 10rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #936E5C;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .stockList {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .stockList .stockItem {
|
||||
background-color: #3D3D3D;
|
||||
margin-right: 10rpx;
|
||||
padding: 0 8rpx;
|
||||
line-height: 36rpx;
|
||||
border-radius: 5rpx 20rpx 5rpx 20rpx;
|
||||
color: #EFDDD1;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .stockList .more {
|
||||
color: #936E5C;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .notVipC {
|
||||
background-color: #3D3D3D;
|
||||
padding: 0 21rpx 0 16rpx;
|
||||
line-height: 36rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 22rpx;
|
||||
color: #F3C368;
|
||||
}
|
||||
.conceptList .list .item .hotStockC .notVipC .icon {
|
||||
margin-right: 9rpx;
|
||||
width: 15rpx;
|
||||
height: auto;
|
||||
}
|
||||
.conceptList .list .item .transactionDateHistoryTimeC {
|
||||
padding: 20rpx 22rpx 30rpx;
|
||||
}
|
||||
.conceptList .list .item .transactionDateHistoryTimeC .transactionDate {
|
||||
font-size: 20rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
}
|
||||
.conceptList .list .item .transactionDateHistoryTimeC .historyTimeC {
|
||||
background-color: #F3C368;
|
||||
padding: 0 10rpx 0 15rpx;
|
||||
line-height: 36rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #101213;
|
||||
}
|
||||
.conceptList .list .item .transactionDateHistoryTimeC .historyTimeC .icon {
|
||||
margin-right: 7rpx;
|
||||
width: 20rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup {
|
||||
background-color: white;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.rankPopup .popTitle {
|
||||
padding-top: 30rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
}
|
||||
.rankPopup .closeC {
|
||||
padding: 26rpx;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.rankPopup .closeC .icon {
|
||||
width: 20rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .statisticsC {
|
||||
background: linear-gradient(-30deg, #F3C368 0%, #FAD590 100%);
|
||||
margin: 20rpx 25rpx 0;
|
||||
padding: 24rpx 30rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .titleRangeC .icon {
|
||||
margin-right: 21rpx;
|
||||
width: 80rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .statisticsC .titleRangeC .title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.rankPopup .statisticsC .titleRangeC .range {
|
||||
font-size: 22rpx;
|
||||
font-weight: 500;
|
||||
color: #232323;
|
||||
}
|
||||
.rankPopup .statisticsC .cycleC {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .cycleC .title {
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.rankPopup .statisticsC .cycleC .list .item {
|
||||
background-color: #ffffff4D;
|
||||
margin-right: 15rpx;
|
||||
padding: 0 15rpx;
|
||||
line-height: 50rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.rankPopup .statisticsC .cycleC .list .item.select {
|
||||
background-color: #ffffff99;
|
||||
}
|
||||
.rankPopup .statisticsC .rangeC {
|
||||
margin-top: 10rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .rangeC .startDateC {
|
||||
padding: 0 10rpx;
|
||||
border: solid 2rpx white;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .rangeC .and {
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .rangeC .endDateC {
|
||||
padding: 0 10rpx;
|
||||
border: solid 2rpx white;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.rankPopup .statisticsC .rangeC .apply {
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.rankPopup .tabC {
|
||||
background-color: #FFF3DD;
|
||||
margin: 20rpx 25rpx 0;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
.rankPopup .tabC .item {
|
||||
height: 60rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #070707;
|
||||
}
|
||||
.rankPopup .tabC .item .icon {
|
||||
margin-right: 7rpx;
|
||||
width: 11rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .tabC .item.select {
|
||||
background-color: #FF7722;
|
||||
color: white;
|
||||
}
|
||||
.rankPopup .tabC .item:last-child .icon {
|
||||
width: 15rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList {
|
||||
margin-top: 22rpx;
|
||||
padding: 0 25rpx;
|
||||
max-height: 500rpx;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.rankPopup .rankList .item {
|
||||
margin-bottom: 20rpx;
|
||||
padding: 20rpx 22rpx;
|
||||
border-radius: 10rpx;
|
||||
border: solid 1rpx #FCE2B2;
|
||||
}
|
||||
.rankPopup .rankList .item .rankIcon {
|
||||
margin-right: 34rpx;
|
||||
width: 35rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList .item .rankIndex {
|
||||
background-color: #898989;
|
||||
margin-right: 34rpx;
|
||||
width: 36rpx;
|
||||
line-height: 41rpx;
|
||||
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
||||
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
||||
font-size: 24rpx;
|
||||
color: #F7FAFC;
|
||||
text-align: center;
|
||||
}
|
||||
.rankPopup .rankList .item .title {
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #936E5C;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC .chgC {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC .chgC .icon {
|
||||
margin-right: 6rpx;
|
||||
width: 15rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC .calendarC {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC .calendarC .icon {
|
||||
margin-right: 6rpx;
|
||||
width: 16rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList .item .calendarBrowseC .browseC .icon {
|
||||
margin-right: 6rpx;
|
||||
width: 17rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList .item .valueC {
|
||||
background-color: #FF7722;
|
||||
padding: 0 24rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 5rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
}
|
||||
.rankPopup .rankList .item .valueC .icon {
|
||||
margin-right: 6rpx;
|
||||
width: 11rpx;
|
||||
height: auto;
|
||||
}
|
||||
.rankPopup .rankList .item .valueC .icon.continuousRise {
|
||||
width: 15rpx;
|
||||
height: auto;
|
||||
}
|
||||
.sortTypePopup {
|
||||
background-color: white;
|
||||
margin-left: calc(100% - (170rpx + 120rpx));
|
||||
width: 170rpx;
|
||||
box-shadow: 0 5rpx 10px 0 rgba(7, 7, 7, 0.15);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.sortTypePopup .arrow {
|
||||
top: -13rpx;
|
||||
left: 38rpx;
|
||||
width: 26rpx;
|
||||
height: auto;
|
||||
}
|
||||
.sortTypePopup .list .item {
|
||||
padding: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #444;
|
||||
}
|
||||
.sortTypePopup .list .item .icon {
|
||||
margin-right: 11rpx;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
.transactionDatePopup {
|
||||
background-color: white;
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.transactionDatePopup .btnTitleC .btn {
|
||||
padding: 20rpx 26rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
.transactionDatePopup .btnTitleC .btn.cancel {
|
||||
color: #727A8E;
|
||||
}
|
||||
.transactionDatePopup .btnTitleC .btn.confirm {
|
||||
color: #D79412;
|
||||
}
|
||||
.transactionDatePopup .btnTitleC .title {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.transactionDatePopup .yearMonthC {
|
||||
background-color: #F7F7F7;
|
||||
margin: 0 25rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 35rpx;
|
||||
}
|
||||
.transactionDatePopup .yearMonthC .btn {
|
||||
padding: 0 52rpx;
|
||||
}
|
||||
.transactionDatePopup .yearMonthC .btn .icon {
|
||||
width: 13rpx;
|
||||
height: auto;
|
||||
}
|
||||
.transactionDatePopup .yearMonthC .yearMonth {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #070707;
|
||||
text-align: center;
|
||||
}
|
||||
.transactionDatePopup .weekList {
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
.transactionDatePopup .weekList .item {
|
||||
margin-right: 13rpx;
|
||||
line-height: 72rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
color: #A7A7A7;
|
||||
text-align: center;
|
||||
}
|
||||
.transactionDatePopup .monthDateList {
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
.transactionDatePopup .monthDateList .item {
|
||||
margin-bottom: 12rpx;
|
||||
width: calc(100%/7);
|
||||
}
|
||||
.transactionDatePopup .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;
|
||||
}
|
||||
.transactionDatePopup .monthDateList .item .date.select {
|
||||
background-color: #F2C367;
|
||||
color: white;
|
||||
}
|
||||
.transactionDatePopup .monthDateList .item .date.notCurrentMonth {
|
||||
background-color: #FCFCFC;
|
||||
color: #999;
|
||||
}
|
||||
.transactionDatePopup .quickTimeC {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.transactionDatePopup .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;
|
||||
}
|
||||
.transactionDatePopup .quickTimeC .item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.vipPopup {
|
||||
background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
|
||||
margin: 0 95rpx;
|
||||
padding-bottom: 34rpx;
|
||||
width: 560rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.vipPopup .topIcon {
|
||||
margin: -60rpx 0 0 calc((100% - 143rpx)/2);
|
||||
width: 143rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipPopup .popTitle {
|
||||
margin-top: 28rpx;
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #101213;
|
||||
text-align: center;
|
||||
}
|
||||
.vipPopup .popSubtitle {
|
||||
margin-top: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #493F2B;
|
||||
text-align: center;
|
||||
}
|
||||
.vipPopup .moduleC {
|
||||
background-color: white;
|
||||
margin: 0 30rpx 20rpx;
|
||||
padding-top: 25rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.vipPopup .moduleC .section {
|
||||
padding: 0 25rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
.vipPopup .moduleC .section .version {
|
||||
margin-left: 18rpx;
|
||||
padding: 0 15rpx;
|
||||
line-height: 32rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.vipPopup .moduleC .section .version.free {
|
||||
background-color: #3D3D3D;
|
||||
color: #FEFCFB;
|
||||
}
|
||||
.vipPopup .moduleC .section .version.pro {
|
||||
background-color: #F2C367;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.vipPopup .moduleC .visitC {
|
||||
margin: 18rpx 24rpx 0;
|
||||
height: 60rpx;
|
||||
}
|
||||
.vipPopup .moduleC .visitC .line {
|
||||
background-color: #F2C367;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 44rpx;
|
||||
height: 100%;
|
||||
border-radius: 7rpx 0 0 7rpx;
|
||||
}
|
||||
.vipPopup .moduleC .visitC .contentC {
|
||||
background-color: #F7F7F7;
|
||||
margin-left: 6rpx;
|
||||
padding: 0 15rpx;
|
||||
height: 100%;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
.vipPopup .moduleC .visitC .contentC .icon {
|
||||
margin-right: 14rpx;
|
||||
width: 25rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipPopup .moduleC .list {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
.vipPopup .moduleC .list .item {
|
||||
padding: 10rpx 25rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.vipPopup .moduleC .list .item .icon {
|
||||
margin-right: 13rpx;
|
||||
width: 27rpx;
|
||||
height: auto;
|
||||
}
|
||||
.vipPopup .moduleC.visit {
|
||||
margin-top: 20rpx;
|
||||
padding-bottom: 25rpx;
|
||||
}
|
||||
.vipPopup .btnC {
|
||||
margin: 28rpx 92rpx 0;
|
||||
}
|
||||
.vipPopup .btnC .btn {
|
||||
line-height: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.vipPopup .btnC .btn.later {
|
||||
background-color: #EDEDED;
|
||||
margin-right: 56rpx;
|
||||
}
|
||||
.vipPopup .btnC .btn.upgrade {
|
||||
background-color: #F2C367;
|
||||
}
|
||||
Reference in New Issue
Block a user