wylyl22 3 years ago
parent 45aaabe0c0
commit 5d3c084ccb

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

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

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

@ -1,5 +1,6 @@
{
"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-->
<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-item id="priceOpt" value="{{ value }}" title="2022年05月">
<view class="condition">
@ -51,7 +63,7 @@
</view>
<view style="width: 30%;">
<view class="volume">{{item.volume}}</view>
<view class="trend">
<view class="trend" >
<van-icon size="16px" name="arrow" />
<view>销量趋势</view>
</view>

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