pull/1/head
liudan
1 year ago
parent
dc957556cd
commit
2278135919
@ -0,0 +1,245 @@ |
||||
<template> |
||||
<view class="page"> |
||||
|
||||
<view class="totalContent"> |
||||
<view class="totalitem"> |
||||
<view class="price"> |
||||
<text>￥</text> |
||||
<text class="num">{{info.today_fans_num}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
今日邀请 |
||||
</view> |
||||
</view> |
||||
<view class="totalitem" style="border-left:1px solid #fff;"> |
||||
<view class="price"> |
||||
|
||||
<text class="num">{{info.total_fans_num}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
历史邀请 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="yongjinTitle"> |
||||
分享有礼({{tableData.length}}) |
||||
</view> |
||||
<!-- 佣金明细 --> |
||||
<view class="record-list" v-show="tableData.length>0"> |
||||
<view class="list" v-for="(item,index) in tableData" :key="index"> |
||||
<image :src="baseUrl+item.avatar" mode="" class="avatarPic"></image> |
||||
<view class="outer"> |
||||
<view class="title-date"> |
||||
<view class="title"> |
||||
<text>{{item.nickname}}</text> |
||||
|
||||
</view> |
||||
<view class="date"> |
||||
<text>{{item.jointime}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="integral"> |
||||
<text style="color: #22AA44;">+{{item.total_commission_amount}}</text> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="empty" v-show="tableData.length==0"> |
||||
<image src="../../static/image/mescroll-empty.png" mode="widthFix"></image> |
||||
<view class="emptyText"> |
||||
暂无数据 |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getUserFansStatistic,getUserFansList} from '@/common/api.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
info:{ |
||||
today_fans_num:0, |
||||
total_fans_num:0 |
||||
}, |
||||
page:1, |
||||
limit:10, |
||||
tableData:[], |
||||
total:0, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
getInfo(){ |
||||
getUserFansStatistic().then(res=>{ |
||||
this.info = Object.assign({},this.info,res.data) |
||||
|
||||
}) |
||||
}, |
||||
getList(val){ |
||||
let params={ |
||||
page:this.page, |
||||
limit:this.limit, |
||||
} |
||||
getUserFansList(params).then(res=>{ |
||||
console.log(res) |
||||
if(val){ |
||||
this.tableData.push(...res.data.data) |
||||
}else{ |
||||
this.tableData = res.data.data; |
||||
this.total = res.data.total |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
}, |
||||
onReachBottom() { |
||||
if(this.tableData.length<this.total){ |
||||
this.page++; |
||||
this.getList('over') |
||||
} |
||||
|
||||
}, |
||||
mounted(){ |
||||
this.getInfo() |
||||
this.getList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page{ |
||||
// position: absolute; |
||||
// left: 0; |
||||
// top: 0; |
||||
// width: 100%; |
||||
// height: 100%; |
||||
// background-color: #FFFFFF; |
||||
|
||||
} |
||||
|
||||
.totalContent{ |
||||
|
||||
height: 160rpx; |
||||
background: url('../../static/image/total-bg.png'); |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
border-radius: 6px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
// width:94%; |
||||
// margin:20rpx auto 0 auto; |
||||
display: flex; |
||||
padding:40rpx 0; |
||||
margin:20rpx 24rpx; |
||||
.totalitem{ |
||||
flex:1; |
||||
text-align: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
.price{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text{ |
||||
font-size: 30rpx; |
||||
color:#fff; |
||||
} |
||||
.num{ |
||||
font-size: 48rpx; |
||||
} |
||||
} |
||||
.descText{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color:#fff; |
||||
} |
||||
} |
||||
} |
||||
.yongjinTitle{ |
||||
border:3px solid rgb(35, 96, 48); |
||||
margin:24rpx; |
||||
border-radius: 10rpx; |
||||
padding:10rpx; |
||||
text-align: center; |
||||
color: rgb(35, 96, 48); |
||||
font-weight: bold; |
||||
font-size: 30rpx; |
||||
} |
||||
.record-list{ |
||||
// width: 100%; |
||||
background-color: #FFFFFF; |
||||
padding:0 24rpx; |
||||
margin:0 24rpx; |
||||
border-radius: 10rpx; |
||||
.list{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
border-bottom: 2rpx solid #f6f6f6; |
||||
.avatarPic{ |
||||
width:100rpx; |
||||
height:100rpx; |
||||
border-radius: 50%; |
||||
} |
||||
.outer{ |
||||
flex:1; |
||||
margin-left:20rpx; |
||||
padding:20rpx 0; |
||||
} |
||||
.title-date{ |
||||
height: 100%; |
||||
.title{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
width: 100%; |
||||
height: 50rpx; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
color: #236030; |
||||
} |
||||
} |
||||
.date{ |
||||
display: flex; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 60rpx; |
||||
text{ |
||||
font-size: 24rpx; |
||||
color: #959595; |
||||
} |
||||
} |
||||
} |
||||
.integral{ |
||||
display: flex; |
||||
align-items: center; |
||||
height: 100%; |
||||
text{ |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
color: $base; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.empty{ |
||||
text-align: center; |
||||
image{ |
||||
width:50%; |
||||
height:auto |
||||
} |
||||
.emptyText{ |
||||
text-align: center; |
||||
margin-top:20rpx; |
||||
color:#aaa; |
||||
} |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,171 @@ |
||||
<template> |
||||
<view class="fenxiao"> |
||||
<view class="fenxiaoInfo"> |
||||
<view class="fxTop"> |
||||
<text class="tixian">佣金</text> |
||||
<view class="fxIntro"> |
||||
<text>分销说明</text> |
||||
<u-icon size="15" color="#c4b39b" name="more-circle"></u-icon> |
||||
</view> |
||||
</view> |
||||
<!-- <view class="fxMiddle"> |
||||
<text>￥</text> |
||||
<text class="num">22</text> |
||||
</view> --> |
||||
<view class="fxBottom"> |
||||
<view class="fxItem"> |
||||
<text class="num">￥{{totalObj.total_commission_amount}}</text> |
||||
<text class="total">累计总获得</text> |
||||
</view> |
||||
<view class="fxItem"> |
||||
<text class="num">￥{{totalObj.today_commission_amount}}</text> |
||||
<text class="total">今日获得</text> |
||||
</view> |
||||
<view class="fxItem"> |
||||
<text class="num">￥{{totalObj.seven_day_commission_amount}}</text> |
||||
<text class="total">近7日获得</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<image class="line" src="../../static/image/line.png" mode="widthFix"></image> |
||||
<view class="card"> |
||||
<u-cell-group :border="false"> |
||||
<u-cell icon="rmb-circle" :iconStyle="{'color':'#9f751f'}" @click="jump(1)" :titleStyle="{'color':'#9f751f'}" title="我的佣金" :isLink="true" :rightIconStyle="{'color':'#9f751f'}"></u-cell> |
||||
<!-- <u-cell icon="file-text" :iconStyle="{'color':'#9f751f'}" :titleStyle="{'color':'#9f751f'}" title="提现记录" :isLink="true" :rightIconStyle="{'color':'#9f751f'}"></u-cell> --> |
||||
<u-cell icon="heart" :iconStyle="{'color':'#9f751f'}" @click="jump(2)" :titleStyle="{'color':'#9f751f'}" title="我的粉丝" :isLink="true" :rightIconStyle="{'color':'#9f751f'}"></u-cell> |
||||
<u-cell icon="order" :iconStyle="{'color':'#9f751f'}" :titleStyle="{'color':'#9f751f'}" title="粉丝订单" :isLink="true" :rightIconStyle="{'color':'#9f751f'}"></u-cell> |
||||
</u-cell-group> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getUserCommissionStatistic} from '@/common/api.js' |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
totalObj:{ |
||||
"total_commission_amount": "", |
||||
"today_commission_amount": "", |
||||
"seven_day_commission_amount": "" |
||||
} |
||||
} |
||||
}, |
||||
methods:{ |
||||
getInfo(){ |
||||
getUserCommissionStatistic().then(res=>{ |
||||
console.log(res,"nnn") |
||||
this.totalObj = Object.assign({},this.totalObj,res.data) |
||||
}) |
||||
}, |
||||
jump(type){ |
||||
switch (type){ |
||||
case 1: |
||||
uni.navigateTo({ |
||||
url: '/pages/fenxiao/yongjin' |
||||
}) |
||||
break; |
||||
case 2: |
||||
uni.navigateTo({ |
||||
url: '/pages/fenxiao/fans' |
||||
}) |
||||
break; |
||||
case 3: |
||||
uni.navigateTo({ |
||||
url: '/pages/BrowsingHistory/BrowsingHistory' |
||||
}) |
||||
break; |
||||
} |
||||
}, |
||||
}, |
||||
mounted(){ |
||||
this.getInfo() |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.fenxiao{ |
||||
min-height: calc(100vh - 90rpx); |
||||
border-top: 1px solid transparent; |
||||
background: url('../../static/image/bg.png'); |
||||
background-size: contain; |
||||
.fenxiaoInfo{ |
||||
width:80%; |
||||
margin:14% auto 0 auto; |
||||
background: url('../../static/image/fenxiaobg.png'); |
||||
background-repeat: no-repeat; |
||||
background-size: 100% 100%; |
||||
border-radius: 15rpx; |
||||
padding:30rpx; |
||||
} |
||||
.fxTop{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
.tixian{ |
||||
color: #9f751f; |
||||
font-size: 30rpx; |
||||
} |
||||
.fxIntro{ |
||||
font-size: 30rpx; |
||||
color: #c4b39b; |
||||
display: flex; |
||||
align-items: center; |
||||
text{ |
||||
margin-right:10rpx; |
||||
} |
||||
} |
||||
} |
||||
.fxMiddle{ |
||||
font-size: 30rpx; |
||||
margin:26rpx 0; |
||||
color: #9f751f; |
||||
text-align: center; |
||||
.num{ |
||||
font-size: 58rpx; |
||||
font-weight: normal; |
||||
color: rgb(77, 154, 94); |
||||
} |
||||
} |
||||
.fxBottom{ |
||||
display: flex; |
||||
margin-top:50rpx; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.fxItem{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
|
||||
.num{ |
||||
font-size: 32rpx; |
||||
color: #9f751f; |
||||
} |
||||
.total{ |
||||
font-size: 26rpx; |
||||
color: #7a5f26; |
||||
margin-top:10rpx; |
||||
} |
||||
} |
||||
} |
||||
.line{ |
||||
width:100%; |
||||
height:auto; |
||||
} |
||||
.card{ |
||||
margin-top: 8px; |
||||
padding: 16px 22px; |
||||
} |
||||
} |
||||
::v-deep .u-line{ |
||||
border:1px solid #9f751f !important; |
||||
} |
||||
::v-deep .u-cell__body{ |
||||
padding:30rpx 0 !important |
||||
} |
||||
</style> |
||||
@ -0,0 +1,276 @@ |
||||
<template> |
||||
<view class="page"> |
||||
<view class="tabs"> |
||||
<view :class="activeIndex==item.id?'tabsItem active':'tabsItem'" @click="getItem(item)" v-for="item in tabList" :key="item.id"> |
||||
{{item.name}} |
||||
</view> |
||||
</view> |
||||
<view class="totalContent"> |
||||
<view class="totalitem"> |
||||
<view class="price"> |
||||
<text>￥</text> |
||||
<text class="num">{{info.total_commission_amount}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
佣金总数 |
||||
</view> |
||||
</view> |
||||
<view class="totalitem" style="border-left:1px solid #fff;"> |
||||
<view class="price"> |
||||
|
||||
<text class="num">{{info.distribute_order_num}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
订单数 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="yongjinTitle"> |
||||
佣金明细 |
||||
</view> |
||||
<!-- 佣金明细 --> |
||||
<view class="record-list" v-show="tableData.length>0"> |
||||
<view class="list" v-for="(item,index) in tableData" :key="index"> |
||||
<image :src="baseUrl+item.avatar" mode="" class="avatarPic"></image> |
||||
<view class="outer"> |
||||
<view class="title-date"> |
||||
<view class="title"> |
||||
<text>{{item.nickname}}</text> |
||||
|
||||
</view> |
||||
<view class="date"> |
||||
<text>{{item.jointime}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="integral"> |
||||
<text style="color: #22AA44;">+{{item.total_commission_amount}}</text> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="empty" v-show="tableData.length==0"> |
||||
<image src="../../static/image/mescroll-empty.png" mode="widthFix"></image> |
||||
<view class="emptyText"> |
||||
暂无数据 |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getUserCommissionApi,getUserCommissionList} from '@/common/api.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
tabList:[ |
||||
|
||||
{id:1,name:'已到账'}, |
||||
{id:0,name:'未到账'}, |
||||
], |
||||
activeIndex:1, |
||||
info:{ |
||||
distribute_order_num:0, |
||||
total_commission_amount:0 |
||||
}, |
||||
page:1, |
||||
limit:10, |
||||
tableData:[], |
||||
total:0, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
getInfo(){ |
||||
getUserCommissionApi({status:this.activeIndex}).then(res=>{ |
||||
this.info = Object.assign({},this.info,res.data) |
||||
}) |
||||
}, |
||||
getList(val){ |
||||
let params={ |
||||
page:this.page, |
||||
limit:this.limit, |
||||
status:this.activeIndex |
||||
} |
||||
getUserCommissionList(params).then(res=>{ |
||||
if(val){ |
||||
this.tableData.push(...res.data.data) |
||||
}else{ |
||||
this.tableData = res.data.data; |
||||
this.total = res.data.total |
||||
} |
||||
}) |
||||
}, |
||||
getItem(item){ |
||||
this.page = 1; |
||||
this.activeIndex = item.id; |
||||
this.getInfo(); |
||||
this.getList() |
||||
}, |
||||
}, |
||||
onReachBottom() { |
||||
if(this.tableData.length<this.total){ |
||||
this.page++; |
||||
this.getList('over') |
||||
} |
||||
|
||||
}, |
||||
mounted(){ |
||||
this.getInfo() |
||||
this.getList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page{ |
||||
// position: absolute; |
||||
// left: 0; |
||||
// top: 0; |
||||
// width: 100%; |
||||
// height: 100%; |
||||
// background-color: #FFFFFF; |
||||
|
||||
} |
||||
.tabs{ |
||||
height: 80rpx; |
||||
background-color: rgb(35, 96, 48); |
||||
padding: 6rpx; |
||||
border-radius: 5px; |
||||
display: flex; |
||||
margin:0 24rpx; |
||||
|
||||
.tabsItem{ |
||||
flex:1; |
||||
text-align: center; |
||||
line-height: 70rpx; |
||||
font-size: 26rpx; |
||||
color: #ffffff; |
||||
} |
||||
.active{ |
||||
background-color: #fff; |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
border-radius: 5px; |
||||
color: rgb(35, 96, 48); |
||||
} |
||||
} |
||||
.totalContent{ |
||||
|
||||
height: 160rpx; |
||||
background: url('../../static/image/total-bg.png'); |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
border-radius: 6px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
// width:94%; |
||||
// margin:20rpx auto 0 auto; |
||||
display: flex; |
||||
padding:40rpx 0; |
||||
margin:20rpx 24rpx; |
||||
.totalitem{ |
||||
flex:1; |
||||
text-align: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
.price{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text{ |
||||
font-size: 30rpx; |
||||
color:#fff; |
||||
} |
||||
.num{ |
||||
font-size: 48rpx; |
||||
} |
||||
} |
||||
.descText{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color:#fff; |
||||
} |
||||
} |
||||
} |
||||
.yongjinTitle{ |
||||
padding: 13px 0 4px 0; |
||||
font-size: 30rpx; |
||||
color: #9f751f; |
||||
margin:0 24rpx; |
||||
} |
||||
.record-list{ |
||||
// width: 100%; |
||||
background-color: #FFFFFF; |
||||
padding:0 24rpx; |
||||
margin:0 24rpx; |
||||
border-radius: 10rpx; |
||||
.list{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
border-bottom: 2rpx solid #f6f6f6; |
||||
.avatarPic{ |
||||
width:100rpx; |
||||
height:100rpx; |
||||
border-radius: 50%; |
||||
} |
||||
.outer{ |
||||
flex:1; |
||||
margin-left:20rpx; |
||||
padding:20rpx 0; |
||||
} |
||||
.title-date{ |
||||
height: 100%; |
||||
.title{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
width: 100%; |
||||
height: 50rpx; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
color: #236030; |
||||
} |
||||
} |
||||
.date{ |
||||
display: flex; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 60rpx; |
||||
text{ |
||||
font-size: 24rpx; |
||||
color: #959595; |
||||
} |
||||
} |
||||
} |
||||
.integral{ |
||||
display: flex; |
||||
align-items: center; |
||||
height: 100%; |
||||
text{ |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
color: $base; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.empty{ |
||||
text-align: center; |
||||
image{ |
||||
width:50%; |
||||
height:auto |
||||
} |
||||
.emptyText{ |
||||
text-align: center; |
||||
margin-top:20rpx; |
||||
color:#aaa; |
||||
} |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,251 @@ |
||||
<template> |
||||
<view class="page"> |
||||
<view class="totalContent"> |
||||
<view class="totalitem"> |
||||
<view class="price"> |
||||
<text>￥</text> |
||||
<text class="num">{{info.today_profit_amount}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
今日收益 |
||||
</view> |
||||
</view> |
||||
<view class="totalitem" style="border-left:1px solid #fff;"> |
||||
<view class="price"> |
||||
<text>￥</text> |
||||
<text class="num">{{info.total_profit_amount}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
累计收益 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="yongjinTitle"> |
||||
收益明细 |
||||
</view> |
||||
<!-- 收益明细 --> |
||||
<view class="record-list" v-show="tableData.length>0"> |
||||
<view class="list" v-for="(item,index) in tableData" :key="index"> |
||||
<view class="outer"> |
||||
<view class="title-date"> |
||||
|
||||
<view class="date"> |
||||
<text>{{item.jointime}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="integral"> |
||||
<text style="color: #22AA44;">+{{item.amount}}</text> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="empty" v-show="tableData.length==0"> |
||||
<image src="../../static/image/mescroll-empty.png" mode="widthFix"></image> |
||||
<view class="emptyText"> |
||||
暂无数据 |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getUserProfitStatistic,getUserProfitList} from '@/common/api.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
info:{ |
||||
today_profit_amount:0, |
||||
total_profit_amount:0 |
||||
}, |
||||
page:1, |
||||
limit:10, |
||||
tableData:[], |
||||
total:0, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
getInfo(){ |
||||
getUserProfitStatistic().then(res=>{ |
||||
this.info = Object.assign({},this.info,res.data) |
||||
}) |
||||
}, |
||||
getList(val){ |
||||
let params={ |
||||
page:this.page, |
||||
limit:this.limit, |
||||
} |
||||
getUserProfitList(params).then(res=>{ |
||||
if(val){ |
||||
this.tableData.push(...res.data.data) |
||||
}else{ |
||||
this.tableData = res.data.data; |
||||
this.total = res.data.total |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
}, |
||||
onReachBottom() { |
||||
if(this.tableData.length<this.total){ |
||||
this.page++; |
||||
this.getList('over') |
||||
} |
||||
|
||||
}, |
||||
mounted(){ |
||||
this.getInfo() |
||||
this.getList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page{ |
||||
// position: absolute; |
||||
// left: 0; |
||||
// top: 0; |
||||
// width: 100%; |
||||
// height: 100%; |
||||
// background-color: #FFFFFF; |
||||
|
||||
} |
||||
.tabs{ |
||||
height: 80rpx; |
||||
background-color: rgb(35, 96, 48); |
||||
padding: 6rpx; |
||||
border-radius: 5px; |
||||
display: flex; |
||||
margin:0 24rpx; |
||||
|
||||
.tabsItem{ |
||||
flex:1; |
||||
text-align: center; |
||||
line-height: 70rpx; |
||||
font-size: 26rpx; |
||||
color: #ffffff; |
||||
} |
||||
.active{ |
||||
background-color: #fff; |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
border-radius: 5px; |
||||
color: rgb(35, 96, 48); |
||||
} |
||||
} |
||||
.totalContent{ |
||||
|
||||
height: 160rpx; |
||||
background: url('../../static/image/total-bg.png'); |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
border-radius: 6px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
// width:94%; |
||||
// margin:20rpx auto 0 auto; |
||||
display: flex; |
||||
padding:40rpx 0; |
||||
margin:20rpx 24rpx; |
||||
.totalitem{ |
||||
flex:1; |
||||
text-align: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
.price{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text{ |
||||
font-size: 30rpx; |
||||
color:#fff; |
||||
} |
||||
.num{ |
||||
font-size: 48rpx; |
||||
} |
||||
} |
||||
.descText{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color:#fff; |
||||
} |
||||
} |
||||
} |
||||
.yongjinTitle{ |
||||
padding: 13px 0 4px 0; |
||||
font-size: 30rpx; |
||||
color: #9f751f; |
||||
margin:0 24rpx; |
||||
} |
||||
.record-list{ |
||||
// width: 100%; |
||||
background-color: #FFFFFF; |
||||
padding:0 24rpx; |
||||
margin:0 24rpx; |
||||
border-radius: 10rpx; |
||||
.list{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
border-bottom: 2rpx solid #f6f6f6; |
||||
|
||||
.outer{ |
||||
flex:1; |
||||
// margin-left:20rpx; |
||||
padding:20rpx 0; |
||||
} |
||||
.title-date{ |
||||
height: 100%; |
||||
.title{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
width: 100%; |
||||
height: 50rpx; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
color: #236030; |
||||
} |
||||
} |
||||
.date{ |
||||
display: flex; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 60rpx; |
||||
text{ |
||||
font-size: 24rpx; |
||||
color: #959595; |
||||
} |
||||
} |
||||
} |
||||
.integral{ |
||||
display: flex; |
||||
align-items: center; |
||||
height: 100%; |
||||
text{ |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
color: $base; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.empty{ |
||||
text-align: center; |
||||
image{ |
||||
width:50%; |
||||
height:auto |
||||
} |
||||
.emptyText{ |
||||
text-align: center; |
||||
margin-top:20rpx; |
||||
color:#aaa; |
||||
} |
||||
} |
||||
|
||||
</style> |
||||
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 38 KiB |
@ -1,2 +1,2 @@ |
||||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) |
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.fd0c9014.js></script><script src=/static/js/index.52d06a89.js></script></body></html> |
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.fd0c9014.js></script><script src=/static/js/index.7962224f.js></script></body></html> |
||||
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 38 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue