wylyl22 3 years ago
parent 45aaabe0c0
commit 5d3c084ccb

@ -78,6 +78,7 @@
"van-checkbox-group": "@vant/weapp/checkbox-group/index", "van-checkbox-group": "@vant/weapp/checkbox-group/index",
"van-dropdown-menu": "@vant/weapp/dropdown-menu/index", "van-dropdown-menu": "@vant/weapp/dropdown-menu/index",
"van-dropdown-item": "@vant/weapp/dropdown-item/index" "van-dropdown-item": "@vant/weapp/dropdown-item/index"
} }
} }

@ -1,6 +1,5 @@
<view class="list_event"> <view class="list_event">
<view style="padding: 32rpx;"> <view style="padding: 32rpx;">
<view class="text"> <view class="text">
<!-- <van-cell title="展示弹出层" is-link bind:click="showPopup" /> <!-- <van-cell title="展示弹出层" is-link bind:click="showPopup" />

@ -4,6 +4,7 @@
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
show:false,
sortOpt: [ sortOpt: [
{ {
text: '列表展示', text: '列表展示',
@ -15,6 +16,7 @@
} }
], ],
value:0 value:0
// 时间
, priceOpt: ['2022年5月','2022年4月','2022年3月', , priceOpt: ['2022年5月','2022年4月','2022年3月',
'2022年2月','2022年1月','2021年12月', '2022年2月','2022年1月','2021年12月',
'2021年11月','2021年10月','2021年9月', '2021年11月','2021年10月','2021年9月',
@ -23,10 +25,15 @@
], ],
prcieInterval: [0, 10, 20, 30, 40, 50, '不限'], prcieInterval: [0, 10, 20, 30, 40, 50, '不限'],
value1: 0,
// 品牌
value2: '全部品牌',
typeOpt: [ typeOpt: [
], ],
value1: 0,
value2: 'a', // 级别
level:[ level:[
{ {
text:'全部级别', text:'全部级别',
@ -61,6 +68,7 @@
value4:'7' value4:'7'
} }
], ],
// 价格
Price:[ Price:[
{ {
text:'全部价格', text:'全部价格',
@ -91,6 +99,7 @@
value5:'6' value5:'6'
} }
], ],
// 能源
energy:[ energy:[
{ {
text:'全部能源', text:'全部能源',
@ -117,6 +126,7 @@
value6:'5' value6:'5'
}, },
], ],
// 数据列表
ranking: [ ranking: [
{ {
volume: '12345', volume: '12345',
@ -180,10 +190,18 @@
value1:e.detail value1:e.detail
}) })
}, },
priceSel(e){ priceSel(e){
this.setData({ this.setData({
priceSelected: e.currentTarget.dataset.index priceSelected: e.currentTarget.dataset.index
}) })
},
showPopup(){
this.setData({show:true});
},
onClose(){
this.setData({
show:false
});
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载

@ -1,5 +1,6 @@
{ {
"usingComponents": { "usingComponents": {
"chart-display":"/components/chartdisplay/index" "chart-display":"/components/chartdisplay/index",
"van-popup": "@vant/weapp/popup/index"
} }
} }

@ -1,5 +1,17 @@
<!--pages/index/Rankdetail/Rankdetail.wxml--> <!--pages/index/Rankdetail/Rankdetail.wxml-->
<view class="screen"> <view class="screen">
<view class="license" bindtap="showPopup">
<view >车牌</view>
<van-popup
show="{{ show }}"
position="bottom"
custom-style="height: 80%;"
bind:close="onClose">
<view></view>
</van-popup>
</view>
<van-dropdown-menu active-color="#027AFF"> <van-dropdown-menu active-color="#027AFF">
<van-dropdown-item id="priceOpt" value="{{ value }}" title="2022年05月"> <van-dropdown-item id="priceOpt" value="{{ value }}" title="2022年05月">
<view class="condition"> <view class="condition">
@ -51,7 +63,7 @@
</view> </view>
<view style="width: 30%;"> <view style="width: 30%;">
<view class="volume">{{item.volume}}</view> <view class="volume">{{item.volume}}</view>
<view class="trend"> <view class="trend" >
<van-icon size="16px" name="arrow" /> <van-icon size="16px" name="arrow" />
<view>销量趋势</view> <view>销量趋势</view>
</view> </view>

@ -224,4 +224,10 @@
text-align: right; text-align: right;
flex-direction: row-reverse; flex-direction: row-reverse;
color: #0084FF; color: #0084FF;
}
.license{
width: 200rpx;
height: 200rpx;
background-color: aquamarine;
} }
Loading…
Cancel
Save