Merge branch 'dev' of https://git.oa00.com/xiaowen/swsWecat into dev
commit
a298c11016
@ -1,16 +1,4 @@
|
||||
/* 品牌传播声量 */
|
||||
.brand{
|
||||
width: 100%;
|
||||
height: 484rpx;
|
||||
background-color: #fff;
|
||||
margin: 32rpx;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
.brand_tu{
|
||||
width: 100%;
|
||||
height: 350rpx;
|
||||
}
|
||||
.text{
|
||||
font-size: 36rpx;
|
||||
padding: 32rpx;
|
||||
height: 1000rpx;
|
||||
}
|
@ -0,0 +1,141 @@
|
||||
// pages/index/detailedvolume/detailedvolume.js
|
||||
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'
|
||||
},
|
||||
|
||||
]
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "详情销量",
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
@ -0,0 +1,23 @@
|
||||
<!--pages/index/detailedvolume/detailedvolume.wxml-->
|
||||
<view class="box">
|
||||
<view style="display: flex;">
|
||||
<view class="box_left">
|
||||
<view class="box_text">车型</view>
|
||||
<view class="box_text">销量(辆)</view>
|
||||
</view>
|
||||
<view class="box_right">
|
||||
<view class="box_text">所属级别</view>
|
||||
<view class="box_text">级别/厂商排名</view>
|
||||
</view>
|
||||
</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 class="box_right">
|
||||
<view class="title">{{item.level}}</view>
|
||||
<view class="title">{{item.rank}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
@ -0,0 +1,46 @@
|
||||
/* 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…
Reference in new issue