12.12 页面风格改版，增加事件详情相关概念网页跳转，增加绑定手机号功能
This commit is contained in:
尚政杰
@@ -1 +1 @@
|
||||
.topBg{top:0;left:0;width:100%;height:auto}.categoryC{background-color:#fff;margin-top:10rpx;padding-top:20rpx;left:0;right:0;border-radius:20rpx 20rpx 0 0}.categoryC .item{display:inline-block;padding:0 30rpx;line-height:75rpx;font-size:32rpx;font-weight:500;color:#42485b}.categoryC .item.select{font-weight:700;color:#f97316}.categoryC .item.select .line{background-color:#f97316;left:calc((100% - 50rpx)/2);bottom:0;width:50rpx;height:2rpx}.contentC{background-color:#fff;left:0;right:0;bottom:0;overflow-y:scroll}.contentC .former{padding:40rpx 25rpx}.contentC .former .ai{font-size:28rpx;color:#c00000}.contentC .stockCategoryList{margin-top:18rpx;padding:0 24rpx}.contentC .stockCategoryList .item{margin:0 20rpx 20rpx 0;width:calc((100% - 40rpx)/3);height:100rpx;border-radius:10rpx}.contentC .stockCategoryList .item .num{font-size:36rpx;font-weight:700}.contentC .stockCategoryList .item .title{font-size:24rpx;font-weight:500}.contentC .stockCategoryList .item:nth-child(3n){margin-right:0}.contentC .stockList{padding:22rpx 25rpx 30rpx}.contentC .stockList .item{padding:22rpx 0 30rpx;border-bottom:solid 1rpx #E4E4E4}.contentC .stockList .item .title{font-size:30rpx;font-weight:700;color:#222}.contentC .stockList .item .correlation{background-color:rgba(249,115,22,.1);padding:0 13rpx;line-height:40rpx;border-radius:5rpx;font-size:24rpx;font-weight:500;color:#f97316}.contentC .stockList .item .category{display:inline-block;padding:0 10rpx;line-height:28rpx;border:solid 1rpx #F6604A;font-size:20rpx;font-weight:500;color:#f6604a;border-radius:5rpx}.contentC .stockList .item .content{margin-top:18rpx;font-size:24rpx;font-weight:500;color:#666;line-height:1.2rem}.contentC .conceptList{padding:30rpx 25rpx}.contentC .conceptList .item{margin-bottom:20rpx}.contentC .conceptList .item .cover{display:block;width:100%;height:350rpx;border-radius:10rpx}.contentC .conceptList .item .infoC{background:linear-gradient(to bottom,rgba(0,0,0,.5),#000);padding:20rpx 23rpx;left:0;width:100%;bottom:0;border-radius:;color:#fff}.contentC .conceptList .item .infoC .title{font-size:26rpx;font-weight:700}.contentC .conceptList .item .infoC .content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10rpx;font-size:20rpx;font-weight:500;line-height:1.2rem}.contentC .conceptList .item .infoC .content .lookDetails{right:0;color:#f97316}
|
||||
page{background-color:#070707}.topBg{top:0;left:0;width:100%;height:auto}.categoryC{margin-top:10rpx;padding:20rpx 10rpx 0;left:0;right:0;border-radius:20rpx 20rpx 0 0}.categoryC .item{display:inline-block;padding:0 30rpx;line-height:76rpx;font-size:27rpx;font-weight:500;color:#939393}.categoryC .item.select{font-weight:700;color:#f3c368}.contentC{background:linear-gradient(-30deg,#fff6f0,#fefefe);left:0;right:0;bottom:env(safe-area-inset-bottom);margin:0 25rpx;border-radius:10rpx;overflow-y:scroll}.contentC .former{padding:40rpx 25rpx}.contentC .former .ai{font-size:28rpx;color:#c00000}.contentC .stockCategoryList{margin-top:30rpx;padding:0 20rpx}.contentC .stockCategoryList .item{margin:0 30rpx 20rpx 0;width:calc((100% - 60rpx)/3);height:100rpx;border-radius:10rpx}.contentC .stockCategoryList .item .num{font-size:36rpx;font-weight:700}.contentC .stockCategoryList .item .title{font-size:24rpx;font-weight:500}.contentC .stockCategoryList .item:nth-child(3n){margin-right:0}.contentC .stockList{padding:22rpx 25rpx 30rpx}.contentC .stockList .item{padding:22rpx 0 30rpx;border-bottom:solid 1rpx #E4E4E4}.contentC .stockList .item .title{font-size:30rpx;font-weight:700;color:#222}.contentC .stockList .item .correlation{background-color:rgba(249,115,22,.1);padding:0 13rpx;line-height:40rpx;border-radius:5rpx;font-size:24rpx;font-weight:500;color:#f97316}.contentC .stockList .item .category{display:inline-block;padding:0 10rpx;line-height:28rpx;border:solid 1rpx #F6604A;font-size:20rpx;font-weight:500;color:#f6604a;border-radius:5rpx}.contentC .stockList .item .content{margin-top:18rpx;font-size:24rpx;font-weight:500;color:#666;line-height:1.2rem}.contentC .conceptList{padding:30rpx 25rpx}.contentC .conceptList .item{background:linear-gradient(-30deg,#fff6f0,#fefefe);margin-bottom:24rpx;border-radius:10rpx}.contentC .conceptList .item .titleChgStockNumC{padding:24rpx 18rpx 0}.contentC .conceptList .item .titleChgStockNumC .title{margin-right:20rpx;font-size:30rpx;font-weight:700;color:#3d3d3d}.contentC .conceptList .item .titleChgStockNumC .chg{margin-right:20rpx;padding:0 13rpx;line-height:40rpx;border-radius:20rpx;font-size:22rpx;font-weight:700;color:#fff}.contentC .conceptList .item .titleChgStockNumC .chg.up{background-color:#ec3440}.contentC .conceptList .item .titleChgStockNumC .chg.down{background-color:#355422}.contentC .conceptList .item .titleChgStockNumC .stockNum{padding:0 16rpx;line-height:36rpx;border-radius:20rpx;font-size:22rpx;font-weight:700}.contentC .conceptList .item .titleChgStockNumC .stockNum.up{color:#ec3440;border:solid 2rpx #EC3440}.contentC .conceptList .item .titleChgStockNumC .stockNum.down{color:#355422;border:solid 2rpx #355422}.contentC .conceptList .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}.contentC .conceptList .item .hotStockC{margin-top:30rpx;padding:0 20rpx}.contentC .conceptList .item .hotStockC .title{margin-right:10rpx;font-size:24rpx;font-weight:700;color:#936e5c}.contentC .conceptList .item .hotStockC .stockList{font-size:22rpx}.contentC .conceptList .item .hotStockC .stockList .stockItem{background-color:#3d3d3d;margin-right:10rpx;padding:0 8rpx;line-height:36rpx;border-radius:5rpx 20rpx;color:#efddd1}.contentC .conceptList .item .hotStockC .stockList .more{color:#936e5c;line-height:36rpx}.contentC .conceptList .item .hotStockC .notVipC{background-color:#3d3d3d;padding:0 21rpx 0 16rpx;line-height:36rpx;border-radius:5rpx;font-size:22rpx;color:#f3c368}.contentC .conceptList .item .hotStockC .notVipC .icon{margin-right:9rpx;width:15rpx;height:auto}.contentC .conceptList .item .transactionDateHistoryTimeC{padding:20rpx 22rpx 30rpx}.contentC .conceptList .item .transactionDateHistoryTimeC .transactionDate{font-size:20rpx;font-weight:500;color:#666}.contentC .conceptList .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}.contentC .conceptList .item .transactionDateHistoryTimeC .historyTimeC .icon{margin-right:7rpx;width:20rpx;height:auto}
|
||||
|
||||
Reference in New Issue
Block a user