You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
582 lines
9.3 KiB
582 lines
9.3 KiB
/* pages/index/Salesranking/Salesranking.wxss */
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.menu-tabs .van-tabs__nav {
|
|
background-color: #ffffff;
|
|
/* 标签背景颜色 */
|
|
}
|
|
|
|
.menu-tabs .van-tab {
|
|
color: #999999;
|
|
/* 字体颜色 */
|
|
background-color: #FFFFFF;
|
|
/* 标签背景颜色 */
|
|
}
|
|
|
|
.menu-tabs .van-tab--active {
|
|
color: #027AFF;
|
|
/* 字体颜色 */
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.menu-tabs .van-tabs__line {
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
/* pages/index/Salesranking/Vehicletype/Vehicletype.wxss */
|
|
.vehicletype {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.van-dropdown-menu--top-bottom {
|
|
width: 166rpx;
|
|
text-align: center;
|
|
margin: 0rpx 12rpx 12rpx 12rpx;
|
|
}
|
|
|
|
.box_title {
|
|
width: 150rpx;
|
|
height: 60rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
/* background: #02ffd5; */
|
|
border: 1rpx solid #F9F9F9;
|
|
}
|
|
|
|
.van-ellipsis {
|
|
width: 100rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
margin-left: 5rpx;
|
|
}
|
|
|
|
|
|
.font30 {
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.color3 {
|
|
color: #333;
|
|
}
|
|
|
|
.color6 {
|
|
color: #666;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.timeIcon {
|
|
color: #666;
|
|
font-size: 18rpx;
|
|
margin-left: 5rpx;
|
|
}
|
|
|
|
/* pages/index/Rankdetail/Rankdetail.wxss */
|
|
.screen {
|
|
width: 750rpx;
|
|
height: 190rpx;
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
.van-ellipsis {
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
margin-left: 60rpx;
|
|
}
|
|
|
|
.van-dropdown-menu {
|
|
box-shadow: none !important;
|
|
/* border-bottom: 1rpx solid #F9F9F9; */
|
|
}
|
|
|
|
.condition {
|
|
margin: 16rpx 36rpx;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-gap: 16rpx;
|
|
}
|
|
|
|
.condition text {
|
|
width: 131rpx;
|
|
height: 24rpx;
|
|
text-align: center;
|
|
background: #ffffff;
|
|
border-radius: 4rpx;
|
|
font-size: 24rpx;
|
|
color: #333333;
|
|
padding: 16rpx 38rpx;
|
|
border: 1rpx solid #EAEAEA;
|
|
}
|
|
|
|
.condition .active {
|
|
color: #027AFF;
|
|
}
|
|
|
|
.custom-button {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.slider-number {
|
|
position: absolute;
|
|
width: 100%;
|
|
font-size: 10px;
|
|
color: #AAAAAA;
|
|
bottom: 50rpx;
|
|
}
|
|
|
|
.slider-number .item .active {
|
|
color: #027AFF;
|
|
}
|
|
|
|
.slider-number .item text:after {
|
|
content: '';
|
|
display: block;
|
|
width: 1rpx;
|
|
height: 16rpx;
|
|
background-color: #EEEEEE;
|
|
position: absolute;
|
|
right: 50%;
|
|
}
|
|
|
|
.slider-number text {
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.scrollList {
|
|
width: calc(100% - 48rpx);
|
|
display: flex;
|
|
margin: 16rpx 24rpx;
|
|
height: 80rpx;
|
|
}
|
|
|
|
.scrollList text {
|
|
background: #F6F6F6;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
color: #999999;
|
|
margin: 0 8rpx;
|
|
padding: 18rpx 24rpx;
|
|
height: min-content;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.scrollList .actived {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #027AFF;
|
|
background: #F0F5FF;
|
|
}
|
|
|
|
.van-dropdown-item__title {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/* 排行榜 */
|
|
.list_event {
|
|
margin: 24rpx 32rpx;
|
|
background-size: cover;
|
|
width: 686rpx;
|
|
border-radius: 8rpx;
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
.list_event .text {
|
|
font-size: 36rpx;
|
|
padding: 32rpx 32rpx 0 32rpx;
|
|
}
|
|
.tubiao{
|
|
height: 1000rpx;
|
|
width: 100%;
|
|
}
|
|
.ranking {
|
|
width: 654rpx;
|
|
display: flex;
|
|
padding: 32rpx 32rpx 0 32rpx;
|
|
}
|
|
|
|
.ranks {
|
|
width: 654rpx;
|
|
height: 98rpx;
|
|
line-height: 48rpx;
|
|
padding: 0rpx 32rpx;
|
|
margin: 30rpx 0;
|
|
|
|
}
|
|
|
|
.ptitle {
|
|
width: 22%;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.xtitle2 {
|
|
width: 48%;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
display: flex;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.dis_image {
|
|
width: 22%;
|
|
font-size: 28rpx;
|
|
height: 104rpx;
|
|
color: #999999;
|
|
line-height: 104rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.rank_num {
|
|
width: 53rpx;
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
}
|
|
|
|
.num {
|
|
height: 104rpx;
|
|
color: #999999;
|
|
line-height: 104rpx;
|
|
|
|
}
|
|
|
|
.medias {
|
|
width: 40%;
|
|
}
|
|
|
|
.media_text {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.energy {
|
|
margin: 0 20rpx;
|
|
font-size: 20rpx;
|
|
color: #20CC62;
|
|
background: #F0FFF6;
|
|
|
|
}
|
|
|
|
.energy1 {
|
|
margin: 0 20rpx;
|
|
font-size: 20rpx;
|
|
color: #0084FF;
|
|
background: #F2F9FF;
|
|
}
|
|
|
|
.energy2 {
|
|
margin: 0 20rpx;
|
|
font-size: 20rpx;
|
|
color: #FF6E25;
|
|
background: #FFF5F0;
|
|
}
|
|
|
|
.energy3 {
|
|
margin: 0 20rpx;
|
|
font-size: 20rpx;
|
|
color: #00D6D6;
|
|
background: #F0FFFF;
|
|
}
|
|
|
|
.energy4 {
|
|
margin: 0 20rpx;
|
|
font-size: 20rpx;
|
|
color: #7257FF;
|
|
background: #F4F2FF;
|
|
}
|
|
|
|
.price {
|
|
font-size: 24rpx;
|
|
color: #ff4852;
|
|
}
|
|
|
|
.volume {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.trend {
|
|
font-size: 24rpx;
|
|
display: flex;
|
|
text-align: right;
|
|
flex-direction: row-reverse;
|
|
color: #0084FF;
|
|
}
|
|
|
|
.bs-item {
|
|
display: flex;
|
|
justify-items: flex-start;
|
|
align-items: center;
|
|
padding: 15px 13px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.bs-item-image {
|
|
display: inline-block;
|
|
width: 42px;
|
|
height: 42px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.license {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
background-color: aquamarine;
|
|
}
|
|
|
|
/* 弹出框 */
|
|
.brand_tu{
|
|
width: 100%;
|
|
height: 390rpx;
|
|
padding: 0 32rpx 32rpx 32rpx;
|
|
}
|
|
.qushi{
|
|
width: 90%;
|
|
height:80rpx;
|
|
line-height:80rpx;
|
|
text-align: center;
|
|
font-size: 34rpx;
|
|
|
|
}
|
|
.tubiao{
|
|
height:80rpx;
|
|
line-height:80rpx;
|
|
text-align: center;
|
|
font-size: 34rpx;
|
|
|
|
}
|
|
|
|
.pinlai{
|
|
height:40rpx;
|
|
line-height:40rpx;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
margin: 0 32rpx;
|
|
|
|
}
|
|
|
|
/* 顶部 */
|
|
.top{
|
|
height: 80rpx;
|
|
line-height: 50rpx;
|
|
font-size: 34rpx;
|
|
display: inline-block;
|
|
margin: 0 16rpx;
|
|
align-items:baseline;
|
|
/* width: 120rpx; */
|
|
}
|
|
/* 下拉框 */
|
|
/* 选中 */
|
|
.top-selected{
|
|
width: 130rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
margin-top: 10rpx;
|
|
/* float: right; */
|
|
align-items: center;
|
|
justify-content:space-between;
|
|
border: 1px solid #F9F9F9;
|
|
padding: 0 10rpx;
|
|
font-size: 30rpx;
|
|
background-color: #ffffff;
|
|
}
|
|
/* 没选中 */
|
|
.top-noselected{
|
|
width: 125rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
margin-top: 10rpx;
|
|
/* float: right; */
|
|
align-items: center;
|
|
justify-content:space-between;
|
|
border: 1px solid #F9F9F9;
|
|
padding: 0 10rpx;
|
|
font-size: 30rpx;
|
|
background-color: #027AFF;
|
|
}
|
|
.title{
|
|
color: #333;
|
|
font-size: 24rpx
|
|
}
|
|
.notitle{
|
|
color: #fff;
|
|
font-size: 24rpx
|
|
}
|
|
|
|
/* 下拉内容 */
|
|
.select_box {
|
|
background-color: #fff;
|
|
/* padding: 0 20rpx; */
|
|
width: 100%;
|
|
float:inline-end;
|
|
position:fixed;
|
|
right: 0;
|
|
z-index: 99;
|
|
overflow: hidden;
|
|
text-align:center;
|
|
animation: myfirst 0.5s;
|
|
font-size: 30rpx;
|
|
}
|
|
.select_one {
|
|
padding-left: 20rpx;
|
|
width: 100%;
|
|
height: 60rpx;
|
|
position: relative;
|
|
line-height: 60rpx;
|
|
}
|
|
/* 下拉过度效果 */
|
|
@keyframes myfirst {
|
|
from {
|
|
height: 0rpx;
|
|
}
|
|
|
|
to {
|
|
height: 210rpx;
|
|
}
|
|
}
|
|
.timeIcon{
|
|
height: 50rpx;
|
|
width: 50rpx;
|
|
position:relative;
|
|
left:24rpx ;
|
|
/* top: 20rpx; */
|
|
}
|
|
|
|
.loading {
|
|
position: relative;
|
|
bottom: 5rpx;
|
|
padding: 10rpx;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* pages/index/Salesranking/Brandranking/Brandranking.wxss */
|
|
.add1{
|
|
width:686rpx;
|
|
overflow-x:scroll;
|
|
white-space: nowrap;
|
|
}
|
|
.add_box1 {
|
|
display: inline-block;
|
|
height: 208rpx;
|
|
width: 200rpx;
|
|
margin-left: 32rpx;
|
|
background-color: #339cff;
|
|
border-radius: 8rpx;
|
|
border: 2rpx solid #85c3ff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.heng1 {
|
|
height: 8rpx;
|
|
width: 72rpx;
|
|
background: white;
|
|
border-radius: 6rpx;
|
|
position: relative;
|
|
left: 66rpx;
|
|
top: 82rpx
|
|
}
|
|
|
|
.shu1 {
|
|
width: 8rpx;
|
|
height: 72rpx;
|
|
background: white;
|
|
border-radius: 6rpx;
|
|
position: relative;
|
|
left: 98rpx;
|
|
top: 45rpx
|
|
}
|
|
|
|
.event1 {
|
|
display: inline-block;
|
|
color: white;
|
|
font-size: 28rpx;
|
|
margin-left: 32rpx;
|
|
margin-top: 60rpx;
|
|
}
|
|
|
|
.btns {
|
|
margin-top: 32rpx;
|
|
width: 686rpx;
|
|
height: 88rpx;
|
|
font-weight: bold;
|
|
line-height: 88rpx;
|
|
color: rgba(0, 132, 255, 1);
|
|
font-size: 28rpx;
|
|
}
|
|
.event_recom1 {
|
|
margin-top: 32rpx;
|
|
min-height: 1000rpx;
|
|
background-color: #f9f9f9;
|
|
border-top-left-radius: 24rpx;
|
|
border-top-right-radius: 24rpx;
|
|
}
|
|
|
|
.van-index-bar .van-index-bar__sidebar{
|
|
top:480rpx;
|
|
transform:none;
|
|
}
|
|
.van-index-anchor text{
|
|
font-size: 24rpx;
|
|
color: rgba(153, 153, 153, 1);
|
|
}
|
|
.event_recom1 .van-cell .van-cell__title{
|
|
font-size: 28rpx;
|
|
}
|
|
.my_cell{
|
|
width: 686rpx;
|
|
height: 96rpx;
|
|
background: white;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 32rpx;
|
|
}
|
|
.van-checkbox{
|
|
display: inline-block !important;
|
|
}
|
|
.my_cell .van-checkbox__icon {
|
|
margin-left: 32rpx ;
|
|
font-size: 32rpx !important;
|
|
}
|
|
.my_cell .van-image{
|
|
margin-left: 48rpx;
|
|
margin-top: 4rpx;
|
|
}
|
|
.my_cell text{
|
|
font-size: 28rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
.event_box{
|
|
height: 36rpx;
|
|
background:white;
|
|
border-top-left-radius: 24rpx;
|
|
border-top-right-radius: 24rpx;
|
|
}
|
|
.bs-item-image {
|
|
display: inline-block;
|
|
width: 84rpx;
|
|
height: 84rpx;
|
|
padding: 12rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
.all{
|
|
background: #027AFF;
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
line-height: 72rpx;
|
|
color: #ffffff;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
border-radius: 50rpx;
|
|
} |