dev
liuyongli 3 years ago
parent b334ee1172
commit 826c547cb7

@ -7,10 +7,10 @@ Page({
*/ */
data: { data: {
imageUrl: getApp().globalData.imageUrl, imageUrl: getApp().globalData.imageUrl,
end:newtime.toLocaleDateString(), end: newtime.toLocaleDateString(),
show:false, show: false,
date:wx.getStorageSync('newTime'), date: wx.getStorageSync('newTime'),
date2:wx.getStorageSync('newTime'), date2: wx.getStorageSync('newTime'),
currentDate: new Date().getTime(), currentDate: new Date().getTime(),
minDate: new Date().getTime(), minDate: new Date().getTime(),
ranking: [], ranking: [],
@ -38,11 +38,11 @@ Page({
}, },
//详情跳转 //详情跳转
detail(e) { detail(e) {
var name=e.currentTarget.dataset.carname var name = e.currentTarget.dataset.carname
wx.navigateTo({ wx.navigateTo({
url: '/pages/index/Brandsales/Brandsales?carName='+name, url: '/pages/index/Brandsales/Brandsales?carName=' + name,
}) })
console.log('123we',name) console.log('123we', name)
}, },
showPopup() { showPopup() {
this.setData({ this.setData({
@ -77,7 +77,7 @@ Page({
title: '加载中', title: '加载中',
icon: 'loading', icon: 'loading',
duration: 30000 duration: 30000
}) })
// let sTimeType = wx.getStorageSync("sTimeType") || 34; // let sTimeType = wx.getStorageSync("sTimeType") || 34;
let sStartTime = wx.getStorageSync('newTime') || ''; let sStartTime = wx.getStorageSync('newTime') || '';
let sEndTime = wx.getStorageSync('newTime') || ''; let sEndTime = wx.getStorageSync('newTime') || '';

@ -8,7 +8,7 @@ Page({
data: { data: {
active: 0, active: 0,
showChart:true, showChart:true,
select: false, // select: false,
grade_name1: '按级别', grade_name1: '按级别',
grade_name2: '按价格', grade_name2: '按价格',
grade_name3: '按能源', grade_name3: '按能源',
@ -327,6 +327,7 @@ Page({
sSpec: '', sSpec: '',
sPriceType: '', sPriceType: '',
sEnergyType: '', sEnergyType: '',
}) })
this.getTrend() this.getTrend()
}, },

@ -1,6 +1,6 @@
<!--pages/index/Salesranking/Salesranking.wxml--> <!--pages/index/Salesranking/Salesranking.wxml-->
<van-tabs class="menu-tabs" active="{{ active }}" bind:change="onChange"> <van-tabs class="menu-tabs" active="{{ active }}" bind:change="onChange">
<van-tab title="车型" > <van-tab title="车型">
<view class="vehicletype" wx:if="{{active === 0}}"> <view class="vehicletype" wx:if="{{active === 0}}">
<scroll-view scroll-x="{{true}}" style="white-space: nowrap;height: 100%; width: 100%;background: #ffffff;"> <scroll-view scroll-x="{{true}}" style="white-space: nowrap;height: 100%; width: 100%;background: #ffffff;">
<view class="top" bindtap="all"> <view class="top" bindtap="all">
@ -123,7 +123,7 @@
</view> </view>
</view> </view>
</view> </view>
</van-tab> </van-tab>
<van-tab title="品牌"> <van-tab title="品牌">
<Brand-ranking wx:if="{{active === 1}}"></Brand-ranking> <Brand-ranking wx:if="{{active === 1}}"></Brand-ranking>
@ -131,16 +131,16 @@
</van-tabs> </van-tabs>
<van-popup show="{{ show }}" position="bottom" custom-style="height: 40%;" bind:close="onClose"> <van-popup show="{{ show }}" position="bottom" custom-style="height: 40%;" bind:close="onClose">
<view class="detail-page"> <view class="detail-page">
<view style="display: flex;"> <view style="display: flex;">
<view class="qushi">销量趋势</view> <view class="qushi">销量趋势</view>
<view class="tubiao" bindtap="exit"> <view class="tubiao" bindtap="exit">
<van-icon name="cross" /> <van-icon name="cross" />
</view>
</view>
<view class="pinlai">{{models}}销量趋势</view>
<view class="brand_tu">
<c-echars flocShow="{{false}} " showChart="{{showChart}}" canvasId="tonalitybar-canvas" chartId="tonalitybar" chartOption="{{positiveOption}}" width="100%" height='100%'></c-echars>
</view>
</view> </view>
</van-popup> </view>
<view class="pinlai">{{models}}销量趋势</view>
<view class="brand_tu">
<c-echars flocShow="{{false}} " showChart="{{showChart}}" canvasId="tonalitybar-canvas" chartId="tonalitybar" chartOption="{{positiveOption}}" width="100%" height='100%'></c-echars>
</view>
</view>
</van-popup>

@ -1,10 +1,4 @@
/* pages/index/Salesranking/Salesranking.wxss */ /* pages/index/Salesranking/Salesranking.wxss */
.container {
width: 100%;
height: 100%;
}
.menu-tabs .van-tabs__nav { .menu-tabs .van-tabs__nav {
background-color: #ffffff; background-color: #ffffff;
/* 标签背景颜色 */ /* 标签背景颜色 */
@ -27,12 +21,6 @@
background: transparent; background: transparent;
} }
/* pages/index/Salesranking/Vehicletype/Vehicletype.wxss */
.vehicletype {
background-color: #f9f9f9;
}
.van-dropdown-menu--top-bottom { .van-dropdown-menu--top-bottom {
width: 166rpx; width: 166rpx;
text-align: center; text-align: center;
@ -48,14 +36,6 @@
border: 1rpx solid #F9F9F9; border: 1rpx solid #F9F9F9;
} }
.van-ellipsis {
width: 100rpx;
font-size: 24rpx;
text-align: center;
margin-left: 5rpx;
}
.font30 { .font30 {
font-size: 30rpx; font-size: 30rpx;
} }
@ -75,7 +55,19 @@
margin-left: 5rpx; margin-left: 5rpx;
} }
/* pages/index/Rankdetail/Rankdetail.wxss */
.service_selection .is_checked{
border: 1px solid #FE0002 ;
color: #FE0002 ;
background: #fff;
}
.service_selection .normal{
border: none;
color: #333;
background: #F0F1EC;
}
.screen { .screen {
width: 750rpx; width: 750rpx;
height: 190rpx; height: 190rpx;
@ -83,11 +75,6 @@
} }
.van-ellipsis {
font-size: 24rpx;
color: #333333;
margin-left: 60rpx;
}
.van-dropdown-menu { .van-dropdown-menu {
box-shadow: none !important; box-shadow: none !important;
@ -193,10 +180,12 @@
font-size: 36rpx; font-size: 36rpx;
padding: 32rpx 32rpx 0 32rpx; padding: 32rpx 32rpx 0 32rpx;
} }
.tubiao{
.tubiao {
height: 1000rpx; height: 1000rpx;
width: 100%; width: 100%;
} }
.ranking { .ranking {
width: 654rpx; width: 654rpx;
display: flex; display: flex;
@ -335,30 +324,32 @@
} }
/* 弹出框 */ /* 弹出框 */
.brand_tu{ .brand_tu {
width: 100%; width: 100%;
height: 390rpx; height: 390rpx;
padding: 0 32rpx 32rpx 32rpx; padding: 0 32rpx 32rpx 32rpx;
} }
.qushi{
.qushi {
width: 90%; width: 90%;
height:80rpx; height: 80rpx;
line-height:80rpx; line-height: 80rpx;
text-align: center; text-align: center;
font-size: 34rpx; font-size: 34rpx;
} }
.tubiao{
height:80rpx; .tubiao {
line-height:80rpx; height: 80rpx;
text-align: center; line-height: 80rpx;
text-align: center;
font-size: 34rpx; font-size: 34rpx;
} }
.pinlai{ .pinlai {
height:40rpx; height: 40rpx;
line-height:40rpx; line-height: 40rpx;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
margin: 0 32rpx; margin: 0 32rpx;
@ -366,89 +357,96 @@
} }
/* 顶部 */ /* 顶部 */
.top{ .top {
height: 80rpx; height: 80rpx;
line-height: 50rpx; line-height: 50rpx;
font-size: 34rpx; font-size: 34rpx;
display: inline-block; display: inline-block;
margin: 0 16rpx; margin: 0 16rpx;
align-items:baseline; align-items: baseline;
/* width: 120rpx; */ /* width: 120rpx; */
} }
/* 下拉框 */
/* 选中 */ /* 下拉框 */
.top-selected{ /* 选中 */
.top-selected {
width: 130rpx; width: 130rpx;
height: 60rpx; height: 60rpx;
display: flex; display: flex;
margin-top: 10rpx; margin-top: 10rpx;
/* float: right; */ /* float: right; */
align-items: center; align-items: center;
justify-content:space-between; justify-content: space-between;
border: 1px solid #F9F9F9; border: 1px solid #F9F9F9;
padding: 0 10rpx; padding: 0 10rpx;
font-size: 30rpx; font-size: 30rpx;
background-color: #ffffff; background-color: #ffffff;
} }
/* 没选中 */
.top-noselected{ /* 没选中 */
.top-noselected {
width: 125rpx; width: 125rpx;
height: 60rpx; height: 60rpx;
display: flex; display: flex;
margin-top: 10rpx; margin-top: 10rpx;
/* float: right; */ /* float: right; */
align-items: center; align-items: center;
justify-content:space-between; justify-content: space-between;
border: 1px solid #F9F9F9; border: 1px solid #F9F9F9;
padding: 0 10rpx; padding: 0 10rpx;
font-size: 30rpx; font-size: 30rpx;
background-color: #027AFF; background-color: #027AFF;
} }
.title{
.title {
color: #333; color: #333;
font-size: 24rpx font-size: 24rpx
} }
.notitle{
.notitle {
color: #fff; color: #fff;
font-size: 24rpx font-size: 24rpx
} }
/* 下拉内容 */ /* 下拉内容 */
.select_box { .select_box {
background-color: #fff; background-color: #fff;
/* padding: 0 20rpx; */ /* padding: 0 20rpx; */
width: 100%; width: 100%;
float:inline-end; float: inline-end;
position:fixed; position: fixed;
right: 0; right: 0;
z-index: 99; z-index: 99;
overflow: hidden; overflow: hidden;
text-align:center; text-align: center;
animation: myfirst 0.5s; animation: myfirst 0.5s;
font-size: 30rpx; font-size: 30rpx;
} }
.select_one {
padding-left: 20rpx; .select_one {
width: 100%; padding-left: 20rpx;
height: 60rpx; width: 100%;
position: relative; height: 60rpx;
line-height: 60rpx; position: relative;
} line-height: 60rpx;
/* 下拉过度效果 */ }
@keyframes myfirst {
from { /* 下拉过度效果 */
height: 0rpx; @keyframes myfirst {
} from {
height: 0rpx;
to { }
height: 210rpx;
} to {
} height: 210rpx;
.timeIcon{ }
}
.timeIcon {
height: 50rpx; height: 50rpx;
width: 50rpx; width: 50rpx;
position:relative; position: relative;
left:24rpx ; left: 24rpx;
/* top: 20rpx; */ /* top: 20rpx; */
} }
@ -461,11 +459,12 @@
} }
/* pages/index/Salesranking/Brandranking/Brandranking.wxss */ /* pages/index/Salesranking/Brandranking/Brandranking.wxss */
.add1{ .add1 {
width:686rpx; width: 686rpx;
overflow-x:scroll; overflow-x: scroll;
white-space: nowrap; white-space: nowrap;
} }
.add_box1 { .add_box1 {
display: inline-block; display: inline-block;
height: 208rpx; height: 208rpx;
@ -515,6 +514,7 @@
color: rgba(0, 132, 255, 1); color: rgba(0, 132, 255, 1);
font-size: 28rpx; font-size: 28rpx;
} }
.event_recom1 { .event_recom1 {
margin-top: 32rpx; margin-top: 32rpx;
min-height: 1000rpx; min-height: 1000rpx;
@ -523,18 +523,21 @@
border-top-right-radius: 24rpx; border-top-right-radius: 24rpx;
} }
.van-index-bar .van-index-bar__sidebar{ .van-index-bar .van-index-bar__sidebar {
top:480rpx; top: 480rpx;
transform:none; transform: none;
} }
.van-index-anchor text{
.van-index-anchor text {
font-size: 24rpx; font-size: 24rpx;
color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, 1);
} }
.event_recom1 .van-cell .van-cell__title{
.event_recom1 .van-cell .van-cell__title {
font-size: 28rpx; font-size: 28rpx;
} }
.my_cell{
.my_cell {
width: 686rpx; width: 686rpx;
height: 96rpx; height: 96rpx;
background: white; background: white;
@ -542,41 +545,48 @@
align-items: center; align-items: center;
padding: 0 32rpx; padding: 0 32rpx;
} }
.van-checkbox{
.van-checkbox {
display: inline-block !important; display: inline-block !important;
} }
.my_cell .van-checkbox__icon { .my_cell .van-checkbox__icon {
margin-left: 32rpx ; margin-left: 32rpx;
font-size: 32rpx !important; font-size: 32rpx !important;
} }
.my_cell .van-image{
.my_cell .van-image {
margin-left: 48rpx; margin-left: 48rpx;
margin-top: 4rpx; margin-top: 4rpx;
} }
.my_cell text{
.my_cell text {
font-size: 28rpx; font-size: 28rpx;
margin-left: 24rpx; margin-left: 24rpx;
} }
.event_box{
.event_box {
height: 36rpx; height: 36rpx;
background:white; background: white;
border-top-left-radius: 24rpx; border-top-left-radius: 24rpx;
border-top-right-radius: 24rpx; border-top-right-radius: 24rpx;
} }
.bs-item-image { .bs-item-image {
display: inline-block; display: inline-block;
width: 84rpx; width: 84rpx;
height: 84rpx; height: 84rpx;
padding: 12rpx; padding: 12rpx;
margin-right: 24rpx; margin-right: 24rpx;
} }
.all{
background: #027AFF; .all {
width: 72rpx; background: #027AFF;
height: 72rpx; width: 72rpx;
line-height: 72rpx; height: 72rpx;
color: #ffffff; line-height: 72rpx;
font-size: 24rpx; color: #ffffff;
text-align: center; font-size: 24rpx;
border-radius: 50rpx; text-align: center;
} border-radius: 50rpx;
}

@ -24,7 +24,7 @@
}, },
{ {
"name": "品牌车型搜索", "name": "品牌车型搜索",
"pathName": "pages/brandSearch/index", "pathName": "pages/index/Salesranking/Salesranking",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null

Loading…
Cancel
Save