dev
liuyongli 3 years ago
parent 8f60753d8e
commit cbf6738357

@ -1,4 +1,5 @@
{
"navigationBarTitleText": "全部品牌销量",
"usingComponents": {
"chart-display":"/components/chartdisplay/index"
}

@ -5,6 +5,81 @@ Page({
* 页面的初始数据
*/
data: {
content:[
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
{
type: '奥迪A4L',
volume: '9391',
level: '中大型车',
rank:'1/1'
},
]
},

@ -1,3 +1,6 @@
{
"usingComponents": {}
"navigationBarTitleText": "详情销量",
"usingComponents": {
}
}

@ -1,31 +1,23 @@
<!--pages/index/detailedvolume/detailedvolume.wxml-->
<view style="width: 686rpx; height: 1302rpx;background: #ffffff;margin: 32rpx;">
<view class="box">
<view style="display: flex;">
<view style=" justify-content: space-between;width: 45%;display: flex;height: 36rpx;line-height: 36rpx;margin: 32rpx 19rpx 0 32rpx;">
<view style="color: #999999;font-size: 24rpx;">车型
</view>
<view style="color: #999999;font-size: 24rpx;">销量(辆)
</view>
<view class="box_left">
<view class="box_text">车型</view>
<view class="box_text">销量(辆)</view>
</view>
<view style=" justify-content: space-between;width: 45%;display: flex;height: 36rpx;line-height: 36rpx;margin: 32rpx 32rpx 0 19rpx;">
<view style="color: #999999;font-size: 24rpx;">所属级别
</view>
<view style="color: #999999;font-size: 24rpx;">级别/厂商排名
</view>
<view class="box_right">
<view class="box_text">所属级别</view>
<view class="box_text">级别/厂商排名</view>
</view>
</view>
<view style="display: flex;">
<view style=" justify-content: space-between;width: 45%;display: flex;height: 104rpx;line-height: 104rpx;margin: 0 19rpx 0 32rpx;">
<view style="font-size: 24rpx;">奥迪A4L
</view>
<view style="color: #0084FF;font-size: 24rpx;">9391
</view>
<view class="container" wx:for="{{content}}" wx:key="index">
<view class="box_left">
<view class="title">{{item.type}} </view>
<view class="num">{{item.volume}}</view>
</view>
<view style=" justify-content: space-between;width: 45%;display: flex;height: 104rpx;line-height: 104rpx;margin: 0 32rpx 0 19rpx;">
<view style="font-size: 24rpx;">中大型车
</view>
<view style="font-size: 24rpx;">1/1
</view>
<view class="box_right">
<view class="title">{{item.level}}</view>
<view class="title">{{item.rank}}</view>
</view>
</view>
</view>

@ -1 +1,46 @@
/* pages/index/detailedvolume/detailedvolume.wxss */
/* pages/index/detailedvolume/detailedvolume.wxss */
.box{
width: 686rpx;
height: 1302rpx;
background: #ffffff;
margin: 32rpx;
border-radius: 8rpx;
}
.box_left{
justify-content: space-between;
width: 45%;
display: flex;
height: 36rpx;
line-height: 36rpx;
margin: 32rpx 19rpx 0 32rpx;
}
.box_right{
justify-content: space-between;
width: 45%;
display: flex;
height: 36rpx;
line-height: 36rpx;
margin: 32rpx 32rpx 0 19rpx;
}
.box_text{
color: #999999;
font-size: 24rpx;
}
.title{
font-size: 24rpx;
color: #333333;
}
.num{
color: #0084FF;
font-size: 24rpx;
}
.container{
display: flex;
height: 104rpx;
line-height: 104rpx;
background: #ffffff;
}
Loading…
Cancel
Save