修改UI.
This commit is contained in:
parent
bb92dcde6b
commit
ac48fcf171
|
|
@ -5,11 +5,12 @@
|
|||
-->
|
||||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar left-icon="left" title="我的收藏" color="#fff" backgroundColor="transparent" :fixed="true"
|
||||
<uni-nav-bar left-icon="left" title="我的收藏" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
|
||||
<scroll-view class="tab" scroll-x>
|
||||
<view class="tab-item" v-for="(item, i) in tabList" :key="i" :class="{act: tabCur == i}" @click="tabChange(i)">
|
||||
<view class="tab-item flex center" v-for="(item, i) in tabList" :key="i" :class="{act: tabCur == i}"
|
||||
@click="tabChange(i)">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
|
@ -183,40 +184,29 @@
|
|||
|
||||
<style lang="scss">
|
||||
.content {
|
||||
background-color: #F7F7F7;
|
||||
.tab {
|
||||
white-space: nowrap;
|
||||
|
||||
.tab-item {
|
||||
width: 88rpx;
|
||||
height: 40rpx;
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
margin-left: 30rpx;
|
||||
padding: 20rpx 0;
|
||||
background-color: #FFFFFF;
|
||||
font-size: 20rpx;
|
||||
border-radius: 8rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
color: #333333;
|
||||
|
||||
&.act {
|
||||
color: #ff873a;
|
||||
font-size: 32rpx;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 18rpx;
|
||||
height: 8rpx;
|
||||
background: #ff873a;
|
||||
border-radius: 30rpx;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 4rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
background-color: #E6F791;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -229,11 +219,11 @@
|
|||
|
||||
.list-item {
|
||||
width: 330rpx;
|
||||
height: 505rpx;
|
||||
height: 487rpx;
|
||||
margin-top: 30rpx;
|
||||
border: 1px solid #4a4951;
|
||||
position: relative;
|
||||
background: url($imgurl+'common/goodsBg.png') no-repeat 0 0 / 100% 100%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.pic {
|
||||
width: 100%;
|
||||
|
|
@ -241,11 +231,14 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #D8D8D8;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
// overflow: hidden;
|
||||
|
||||
.pic-img {
|
||||
// width: 290rpx;
|
||||
// height: 290rpx;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -255,36 +248,32 @@
|
|||
.image3 {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 10rpx;
|
||||
right: 10rpx;
|
||||
padding: 0 21rpx 0 32rpx;
|
||||
height: 44rpx;
|
||||
top: 12rpx;
|
||||
left: 12rpx;
|
||||
width: 68rpx;
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
font-size: 14rpx;
|
||||
font-weight: 400;
|
||||
color: #111111;
|
||||
text-shadow: 2rpx 2rpx #FFFFFF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 20rpx 20rpx 0;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.redu {
|
||||
margin-top: 10rpx;
|
||||
padding-left: 20rpx;
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
|
@ -293,25 +282,24 @@
|
|||
padding: 10rpx 20rpx 0;
|
||||
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.price-box {
|
||||
padding: 40rpx 20rpx 10rpx;
|
||||
padding: 64rpx 20rpx 10rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.price {
|
||||
font-size: 28rpx;
|
||||
font-size: 16rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #E9B672;
|
||||
color: #333333;
|
||||
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,41 +5,38 @@
|
|||
-->
|
||||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar left-icon="left" title="权益中心" color="#fff" backgroundColor="transparent" :fixed="true"
|
||||
<uni-nav-bar left-icon="left" title="权益中心" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
<view class="">
|
||||
<view v-if="pageData" class="user-card br20">
|
||||
<view class="align-center justify-between">
|
||||
<view class="align-center">
|
||||
<view class="avatar">
|
||||
<!-- <view class="avatar">
|
||||
<image :src="pageData.user_img" lazy-load mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="lv ml20">LV.{{ pageData.quan_yi_level.level }}</view>
|
||||
</view> -->
|
||||
<view class="lv">LV.{{ pageData.quan_yi_level.level }}</view>
|
||||
|
||||
<view class="rule-btn" @click="toRule">
|
||||
<uni-icons type="info-filled" color="#8A8A8A"></uni-icons>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="" style="position: absolute; top: 90rpx; left: 32rpx;">
|
||||
<view class="need">
|
||||
<template v-if="pageData.quan_yi_level.cha >= 0">
|
||||
差{{ pageData.quan_yi_level.cha }}欧气值升级
|
||||
</template>
|
||||
<template v-else-if="pageData.quan_yi_level.cha == -1">已满级</template>
|
||||
</view>
|
||||
<view class="rule-btn" @click="toRule">
|
||||
<uni-icons type="info-filled" color="#FFFFFF"></uni-icons>
|
||||
<text>说明</text>
|
||||
<view class="progress-buy">
|
||||
<view class="progress">
|
||||
<cmd-progress :percent="pageData.quan_yi_level.jindu" :show-info="false"
|
||||
stroke-color="#FF862D;" :strokeWidth="5"></cmd-progress>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="align-center justify-between" style="margin-top: 60rpx;">
|
||||
<view class="">
|
||||
<view class="need">
|
||||
<template v-if="pageData.quan_yi_level.cha >= 0">
|
||||
差{{ pageData.quan_yi_level.cha }}欧气值升级
|
||||
</template>
|
||||
<template v-else-if="pageData.quan_yi_level.cha == -1">已满级</template>
|
||||
</view>
|
||||
<view class="progress-buy mt20">
|
||||
<view class="progress">
|
||||
<cmd-progress :percent="pageData.quan_yi_level.jindu" :show-info="false"
|
||||
stroke-color="#FFFFFF;" :strokeWidth="5"></cmd-progress>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buy" @click="$c.to({ type: 3, url: '/pages/shouye/index' })">
|
||||
<text>去购买</text>
|
||||
</view>
|
||||
<view class="buy" @click="$c.to({ type: 3, url: '/pages/shouye/index' })">
|
||||
<text>去购买</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view v-if="pageData" class="prize-card">
|
||||
|
|
@ -48,14 +45,12 @@
|
|||
<view class="prize-item1" :key="-1">
|
||||
<view class=""></view>
|
||||
|
||||
<view class="ziti center">
|
||||
普通</br>
|
||||
奖励
|
||||
<view class="center" style="color: #333333; font-size: 24rpx;">
|
||||
普通奖励
|
||||
</view>
|
||||
|
||||
<view class="ziti center">
|
||||
高级</br>
|
||||
奖励
|
||||
<view class="center" style="color: #333333; font-size: 24rpx;">
|
||||
高级奖励
|
||||
</view>
|
||||
<view class="get-btn">
|
||||
|
||||
|
|
@ -70,10 +65,11 @@
|
|||
<image :src="$img1('my/quan.png')" mode="aspectFit"></image>
|
||||
</view>
|
||||
|
||||
<view class="prize center" @click="preview(item)" style="background: linear-gradient( 141deg, rgba(255,242,222,0.24) 0%, rgba(249,219,172,0.19) 100%);">
|
||||
<view class="prize center" @click="preview(item)" style="background: #FFFFFF;">
|
||||
<image :src="$img1('my/liwu.png')" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view v-if="item.is_ling == 1 && item.pu_jiang.length>0" class="get-btn center" @click="doReceive(item)">
|
||||
<view v-if="item.is_ling == 1 && item.pu_jiang.length>0" class="get-btn center"
|
||||
@click="doReceive(item)">
|
||||
领取
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -89,37 +85,35 @@
|
|||
<view class="task-tab-item align-end" v-for="(item, i) in tabList" :key="i" :class="{
|
||||
act: tabCur == i
|
||||
}" @click="tabChange(i)">
|
||||
<image v-if="i == 0" :src="$img1('index/ljLeft.png')"></image>
|
||||
<!-- <image v-if="i == 0" :src="$img1('index/ljLeft.png')"></image> -->
|
||||
<text class="center">{{ item.title }}</text>
|
||||
<image v-if="i == 1" :src="$img1('index/ljRight.png')"></image>
|
||||
<!-- <image v-if="i == 1" :src="$img1('index/ljRight.png')"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="task-item" v-for="(item, i) in taskList" :key="i">
|
||||
<view class="task-l">
|
||||
<view class="title">{{ item.title }}</view>
|
||||
<view class="title">{{ item.title }}<text class="ml10">({{ item.ywc_count }}/{{ item.number }})</text></view>
|
||||
|
||||
<view class="num">欧气值
|
||||
<view class="num">欧气值
|
||||
<text>+{{ item.z_number }}</text>
|
||||
</view>
|
||||
|
||||
<view class="progress">
|
||||
<!-- <view class="progress">
|
||||
<view class="progress-inner">
|
||||
<cmd-progress :percent="item.percentage" :show-info="false"
|
||||
stroke-color="#B07AF3;"
|
||||
<cmd-progress :percent="item.percentage" :show-info="false" stroke-color="#B07AF3;"
|
||||
:strokeWidth="8"></cmd-progress>
|
||||
</view>
|
||||
<text class="ml10">{{ item.ywc_count }}/{{ item.number }}</text>
|
||||
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<view class="task-r">
|
||||
<view v-if="item.is_complete == 0" class="btn act" @click="$c.to({ type: 3, url: '/pages/shouye/index' })">
|
||||
<view v-if="item.is_complete == 0" class="btn act"
|
||||
@click="$c.to({ type: 3, url: '/pages/shouye/index' })">
|
||||
<text>去完成</text>
|
||||
</view>
|
||||
|
||||
<view v-if="item.is_complete == 1" class="btn act" @click="completeTask(item)">
|
||||
<view v-if="item.is_complete == 1" class="btn" style="background-color: #333333; color: #D8FD24;" @click="completeTask(item)">
|
||||
<text>待领取</text>
|
||||
</view>
|
||||
|
||||
|
|
@ -192,7 +186,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="res-pop-ft mt20 center">
|
||||
<view class="ft-btn common_bg justify-center" :style="{
|
||||
<view class="ft-btn common_bg justify-center align-center" :style="{
|
||||
backgroundImage: `url(${$img1('common/jixuchou.png')})`
|
||||
}" @click="$refs.resPop.close()">
|
||||
<text>确定</text>
|
||||
|
|
@ -343,14 +337,17 @@
|
|||
<style lang="scss">
|
||||
.content {
|
||||
padding: 30rpx;
|
||||
background-color: #F7F7F7;
|
||||
height: 100%;
|
||||
|
||||
.user-card {
|
||||
margin: 40rpx auto 0;
|
||||
width: 710rpx;
|
||||
width: 686rpx;
|
||||
height: 150rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
padding: 38rpx 40rpx 48rpx 52rpx;
|
||||
background: linear-gradient(138deg, #fe622b 7%, #ffa246 100%);
|
||||
background: #FFFFFF;
|
||||
|
||||
.avatar {
|
||||
width: 100rpx;
|
||||
|
|
@ -367,50 +364,60 @@
|
|||
}
|
||||
|
||||
.lv {
|
||||
position: absolute;
|
||||
left: 32rpx;
|
||||
top: 24rpx;
|
||||
font-weight: 700;
|
||||
font-size: 68rpx;
|
||||
color: #F4C783;
|
||||
font-size: 48rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.need {
|
||||
margin-top: 10rpx;
|
||||
font-size: 24rpx;
|
||||
font-size: 16rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
color: #4C4C4C;
|
||||
}
|
||||
|
||||
.progress-buy {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 8rpx;
|
||||
|
||||
.progress {
|
||||
width: 430rpx;
|
||||
height: 14rpx;
|
||||
|
||||
/deep/.cmd-progress-inner {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
background: #CCCCCC;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
position: absolute;
|
||||
top: 48rpx;
|
||||
right: 32rpx;
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #FFFFFF;
|
||||
border-radius: 27rpx;
|
||||
background: #333333;
|
||||
border-radius: 16rpx;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
color: #ff873a;
|
||||
font-size: 20rpx;
|
||||
color: #CDEF27;
|
||||
}
|
||||
}
|
||||
|
||||
.rule-btn {
|
||||
position: absolute;
|
||||
left: 142rpx;
|
||||
top: 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
|
|
@ -423,9 +430,11 @@
|
|||
|
||||
.prize-card {
|
||||
margin: 20rpx auto 0;
|
||||
width: 690rpx;
|
||||
width: 686rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.mask {
|
||||
overflow: auto;
|
||||
|
|
@ -439,13 +448,14 @@
|
|||
margin-top: -3rpx;
|
||||
}
|
||||
|
||||
.prize-item1{
|
||||
.prize-item1 {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
width: 140rpx;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
>view:nth-child(1){
|
||||
|
||||
>view:nth-child(1) {
|
||||
width: 100%;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
|
|
@ -453,25 +463,25 @@
|
|||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
background: #ff873a;
|
||||
}
|
||||
>view:nth-child(2){
|
||||
|
||||
>view:nth-child(2) {
|
||||
width: 100%;
|
||||
height: 154rpx;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
background: #3B3941;
|
||||
}
|
||||
>view:nth-child(3){
|
||||
|
||||
>view:nth-child(3) {
|
||||
width: 100%;
|
||||
height: 152rpx;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #F4E1CF;
|
||||
background: linear-gradient( 141deg, rgba(255,242,222,0.24) 0%, rgba(249,219,172,0.19) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.prize-item {
|
||||
display: inline-flex;
|
||||
flex-flow: column;
|
||||
|
|
@ -479,6 +489,7 @@
|
|||
width: 144rpx;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
// background-color: #FFFFFF;
|
||||
|
||||
.lv {
|
||||
width: 100%;
|
||||
|
|
@ -487,12 +498,11 @@
|
|||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
background: #ff873a;
|
||||
color: #4C4C4C;
|
||||
}
|
||||
|
||||
.prize {
|
||||
background: #3B3941;
|
||||
background: #FFFFFF;
|
||||
width: 144rpx;
|
||||
height: 154rpx;
|
||||
|
||||
|
|
@ -509,7 +519,7 @@
|
|||
background: url($imgurl+'common/jixuchou.png') no-repeat 0 0 / 100% 100%;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #7825DE;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
&.out {
|
||||
|
|
@ -532,9 +542,10 @@
|
|||
.task {
|
||||
margin: 30rpx auto 0;
|
||||
width: 690rpx;
|
||||
background: #313133;
|
||||
background: #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30rpx 20rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.task-tab {
|
||||
padding: 30rpx 0;
|
||||
|
|
@ -543,21 +554,35 @@
|
|||
position: relative;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
>text{
|
||||
color: #8A8A8A;
|
||||
|
||||
>text {
|
||||
width: 140rpx;
|
||||
height: 40rpx;
|
||||
height: 60rpx;
|
||||
text-align: center;
|
||||
}
|
||||
>image{
|
||||
|
||||
>image {
|
||||
width: 39rpx;
|
||||
height: 42rpx;
|
||||
}
|
||||
|
||||
&.act {
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
color: #333333;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 32rpx;
|
||||
height: 4rpx;
|
||||
background: #333333;
|
||||
border-radius: 30rpx;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 4rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -570,21 +595,19 @@
|
|||
|
||||
.task-l {
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.num {
|
||||
margin: 20rpx 0 4rpx;
|
||||
font-size: 26rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
>text{
|
||||
color: #ff873a;
|
||||
}
|
||||
color: #8A8A8A;
|
||||
|
||||
}
|
||||
|
||||
.progress {
|
||||
|
|
@ -619,25 +642,25 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
background: rgba(10, 6, 15, 0);
|
||||
border-radius: 30rpx;
|
||||
border: 1px solid #fe622b;
|
||||
border-radius: 16rpx;
|
||||
|
||||
&.act {
|
||||
background: #ffa246;
|
||||
background: #E6F791;
|
||||
border: 0;
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
&.dis {
|
||||
background: #D1D1D1;
|
||||
|
||||
text {
|
||||
color: #FFFFFF;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -818,49 +841,51 @@
|
|||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
background: url($imgurl+'common/yb.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
|
||||
.res-pop-hd {
|
||||
width: 380rpx;
|
||||
height: 104rpx;
|
||||
background: url($imgurl+'common/gxhd.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
&-main{
|
||||
width: 750rpx;
|
||||
|
||||
&-main {
|
||||
width: 660rpx;
|
||||
height: 430rpx;
|
||||
margin: 40rpx 0 0;
|
||||
box-sizing: border-box;
|
||||
background: #1F1927;
|
||||
>view{
|
||||
>view{
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
>view {
|
||||
>view {
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
color: #333333;
|
||||
}
|
||||
>image{
|
||||
|
||||
>image {
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
}
|
||||
>text{
|
||||
|
||||
>text {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-ft {
|
||||
width: 750rpx;
|
||||
margin-top: 40rpx;
|
||||
|
||||
|
||||
.ft-btn {
|
||||
width: 244rpx;
|
||||
height: 116rpx;
|
||||
width: 220rpx;
|
||||
height: 72rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #7825DE;
|
||||
>text{
|
||||
margin-top: 36rpx;
|
||||
}
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<view style="padding-bottom: 300rpx; background-color: white;">
|
||||
<view class="" style="display: flex; flex-direction: column;">
|
||||
<view style="position: relative;">
|
||||
<view class="title" :style="{marginTop: statusBarHeight + 'rpx' }">
|
||||
<view class="title">
|
||||
商城好物
|
||||
</view>
|
||||
<image v-if="advert!=null&&advert.length>0" :src="advert[0].imgurl" style="width: 100%; margin-top: ;"
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
</view>
|
||||
|
||||
|
||||
<view class="goods-name hang1" style="width: 100%;">
|
||||
<view class="goods-name hang1" style=" width: 290rpx;">
|
||||
<text style="color: #333333; font-size: 27rpx;">{{item.title}}</text>
|
||||
</view>
|
||||
|
||||
|
|
@ -440,9 +440,11 @@
|
|||
<style lang="scss">
|
||||
.title {
|
||||
width: 100%;
|
||||
top: 108rpx;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 34rpx;
|
||||
justify-content: center;
|
||||
color: black;
|
||||
z-index: 100;
|
||||
|
|
@ -466,6 +468,7 @@
|
|||
.goods-name {
|
||||
position: absolute;
|
||||
left: 25rpx;
|
||||
font-size: 20rpx;
|
||||
bottom: 90rpx;
|
||||
}
|
||||
|
||||
|
|
@ -473,7 +476,7 @@
|
|||
display: flex;
|
||||
position: absolute;
|
||||
left: 18rpx;
|
||||
bottom: 10rpx;
|
||||
bottom: 24rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
|
|
@ -488,7 +491,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
bottom: 24rpx;
|
||||
right: 20rpx;
|
||||
|
||||
.num {
|
||||
|
|
@ -704,7 +707,6 @@
|
|||
}
|
||||
|
||||
.rule {
|
||||
height: 82rpx;
|
||||
padding: 20rpx;
|
||||
background: #F9F8E1;
|
||||
border-radius: 20rpx;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
<!--
|
||||
* @Date: 2023-11-18 16:29:22
|
||||
* @LastEditTime: 2023-11-27 16:05:22
|
||||
* @Description: content
|
||||
|
||||
-->
|
||||
<template>
|
||||
<view
|
||||
|
|
|
|||
|
|
@ -482,10 +482,11 @@
|
|||
<view class="pic center">
|
||||
<image :src="item.goodslist_imgurl" lazy-load></image>
|
||||
<view class="type-tag center">{{ item.shang_title }}</view>
|
||||
<view class="num center">×{{ item.prize_num }}</view>
|
||||
<view class="num center">{{ item.prize_num }}</view>
|
||||
</view>
|
||||
<view class="title hang1">
|
||||
{{ item.goodslist_title }}
|
||||
<view class="title hang1 flex center">
|
||||
<text> {{ item.goodslist_title }}</text>
|
||||
|
||||
</view>
|
||||
<!-- <view class="exchange">
|
||||
{{
|
||||
|
|
@ -499,13 +500,13 @@
|
|||
</scroll-view>
|
||||
|
||||
<view class="res-pop-ft mt20">
|
||||
<view class="ft-btn common_bg justify-center" :style="{
|
||||
<view class="ft-btn common_bg justify-center center" :style="{
|
||||
backgroundImage: `url(${$img1('common/quhegui.png')})`
|
||||
}" @click="toBag">
|
||||
<text>去盒柜</text>
|
||||
</view>
|
||||
|
||||
<view class="ft-btn common_bg justify-center" :style="{
|
||||
<view class="ft-btn common_bg justify-center center" :style="{
|
||||
backgroundImage: `url(${$img1('common/jixuchou.png')})`
|
||||
}" @click="close('resPop')">
|
||||
<text>继续抽</text>
|
||||
|
|
@ -1424,7 +1425,9 @@
|
|||
|
||||
.num {
|
||||
position: absolute;
|
||||
right: 82rpx;
|
||||
left: 50%;
|
||||
padding: 0 10rpx;
|
||||
transform: translateX(-50%);
|
||||
bottom: 8rpx;
|
||||
border-radius: 18rpx;
|
||||
min-width: 66rpx;
|
||||
|
|
@ -1912,70 +1915,77 @@
|
|||
background: url($imgurl+'common/yb.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
.res-pop-hd {
|
||||
width: 380rpx;
|
||||
height: 104rpx;
|
||||
width: 400rpx;
|
||||
height: 108rpx;
|
||||
background: url($imgurl+'common/gxhd.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
|
||||
.res-pop-bd {
|
||||
width: 750rpx;
|
||||
height: 40vh;
|
||||
width: 636rpx;
|
||||
height: 760rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin: 36rpx auto;
|
||||
|
||||
.res-list {
|
||||
padding: 30rpx 30rpx;
|
||||
padding: 20rpx 10rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 210rpx);
|
||||
gap: 30rpx 30rpx;
|
||||
gap: 24rpx 10rpx;
|
||||
|
||||
.res-item {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
width: 180rpx;
|
||||
height: 240rpx;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 210rpx;
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
position: relative;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
background: #D8D8D8;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
|
||||
>image {
|
||||
width: 202rpx;
|
||||
height: 202rpx;
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.type-tag {
|
||||
position: absolute;
|
||||
left: 14rpx;
|
||||
top: -14rpx;
|
||||
left: 12rpx;
|
||||
top: 12rpx;
|
||||
z-index: 2;
|
||||
width: 134rpx;
|
||||
height: 42rpx;
|
||||
width: 68rpx;
|
||||
height: 32rpx;
|
||||
background: url($imgurl+ 'common/chouLabel.png') no-repeat 0 0 / 100% 100%;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #FFDF46;
|
||||
font-size: 14rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: -20rpx;
|
||||
right: -22rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 10rpx;
|
||||
min-width: 42rpx;
|
||||
height: 48rpx;
|
||||
height: 28rpx;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #FFDF46;
|
||||
background: url($imgurl+ 'common/chouNum.png') no-repeat 0 0 / 100% 100%;
|
||||
text-shadow: #000 1rpx 0 0, #000 0 1rpx 0, #000 -1rpx 0 0, #000 0 -1rpx 0;
|
||||
font-size: 14rpx;
|
||||
color: #333333;
|
||||
background-color: rgba(255, 255, 255, 0.50);
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 10rpx 10rpx 0;
|
||||
padding: 22rpx 10rpx 0;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 16rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.exchange {
|
||||
|
|
@ -1994,22 +2004,18 @@
|
|||
justify-content: space-evenly;
|
||||
|
||||
.ft-btn {
|
||||
width: 244rpx;
|
||||
height: 116rpx;
|
||||
width: 200rpx;
|
||||
height: 68rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
|
||||
>text {
|
||||
margin-top: 36rpx;
|
||||
}
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
>view:nth-child(1) {
|
||||
color: #DE6025;
|
||||
color: #CDEF27;
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
color: #7825DE;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -230,10 +230,10 @@
|
|||
<view class="pic center">
|
||||
<image :src="item.goodslist_imgurl" lazy-load></image>
|
||||
<view class="type-tag center">{{ item.shang_title }}</view>
|
||||
<view class="num center">×{{ item.prize_num || '1' }}</view>
|
||||
<view class="num center">{{ item.prize_num || '1' }}</view>
|
||||
</view>
|
||||
<view class="title hang1">
|
||||
{{ item.goodslist_title }}
|
||||
<view class="title hang1" style="text-align: center;">
|
||||
<text> {{ item.goodslist_title }}</text>
|
||||
</view>
|
||||
<!-- <view class="exchange">
|
||||
{{
|
||||
|
|
@ -248,13 +248,13 @@
|
|||
|
||||
<view class="res-pop-ft">
|
||||
<view class="btn-list">
|
||||
<view class="ft-btn common_bg justify-center" :style="{
|
||||
<view class="ft-btn common_bg justify-center center" :style="{
|
||||
backgroundImage: `url(${$img1('common/quhegui.png')})`
|
||||
}" @click="toBag">
|
||||
<text>去盒柜</text>
|
||||
</view>
|
||||
|
||||
<view class="ft-btn common_bg justify-center" :style="{
|
||||
<view class="ft-btn common_bg justify-center center" :style="{
|
||||
backgroundImage: `url(${$img1('common/jixuchou.png')})`
|
||||
}" @click="confirmSubmit([0, buyNum])">
|
||||
<text>继续抽</text>
|
||||
|
|
@ -1864,64 +1864,72 @@
|
|||
}
|
||||
|
||||
.res-pop-bd {
|
||||
width: 750rpx;
|
||||
height: 40vh;
|
||||
width: 636rpx;
|
||||
height: 760rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin: 36rpx auto;
|
||||
|
||||
.res-list {
|
||||
padding: 30rpx 30rpx;
|
||||
padding: 20rpx 10rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 210rpx);
|
||||
gap: 30rpx 30rpx;
|
||||
gap: 24rpx 10rpx;
|
||||
|
||||
.res-item {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
width: 180rpx;
|
||||
height: 240rpx;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 16rpx;
|
||||
|
||||
.pic {
|
||||
width: 100%;
|
||||
height: 210rpx;
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
position: relative;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
background: #D8D8D8;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
|
||||
>image {
|
||||
width: 202rpx;
|
||||
height: 202rpx;
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
}
|
||||
|
||||
.type-tag {
|
||||
position: absolute;
|
||||
left: 14rpx;
|
||||
top: -14rpx;
|
||||
left: 12rpx;
|
||||
top: 12rpx;
|
||||
z-index: 2;
|
||||
width: 134rpx;
|
||||
height: 42rpx;
|
||||
width: 68rpx;
|
||||
height: 32rpx;
|
||||
background: url($imgurl+ 'common/chouLabel.png') no-repeat 0 0 / 100% 100%;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #FFDF46;
|
||||
font-size: 14rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: -20rpx;
|
||||
right: -22rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 10rpx;
|
||||
min-width: 42rpx;
|
||||
height: 48rpx;
|
||||
height: 28rpx;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #FFDF46;
|
||||
background: url($imgurl+ 'common/chouNum.png') no-repeat 0 0 / 100% 100%;
|
||||
text-shadow: #000 1rpx 0 0, #000 0 1rpx 0, #000 -1rpx 0 0, #000 0 -1rpx 0;
|
||||
font-size: 14rpx;
|
||||
color: #333333;
|
||||
background-color: rgba(255, 255, 255, 0.50);
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 10rpx 10rpx 0;
|
||||
width: 180rpx;
|
||||
padding: 22rpx 0;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 16rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.exchange {
|
||||
|
|
@ -1943,22 +1951,18 @@
|
|||
justify-content: space-evenly;
|
||||
|
||||
.ft-btn {
|
||||
width: 244rpx;
|
||||
height: 116rpx;
|
||||
width: 200rpx;
|
||||
height: 68rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
|
||||
>text {
|
||||
margin-top: 36rpx;
|
||||
}
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
>view:nth-child(1) {
|
||||
color: #DE6025;
|
||||
color: #CDEF27;
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
color: #7825DE;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +1,9 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar
|
||||
left-icon="left"
|
||||
title="吧唧币记录"
|
||||
color="#fff"
|
||||
backgroundColor="transparent"
|
||||
:fixed="true"
|
||||
:statusBar="true"
|
||||
:border="false"
|
||||
@clickLeft="$c.back"
|
||||
></uni-nav-bar>
|
||||
<view class="content">
|
||||
<uni-nav-bar left-icon="left" title="币记录" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
|
||||
<!-- <view class="tab-list">
|
||||
<!-- <view class="tab-list">
|
||||
<view
|
||||
@click="getlist(i)"
|
||||
v-for="(item, i) in arr"
|
||||
|
|
@ -27,7 +19,7 @@
|
|||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view class="head">
|
||||
<!-- <view class="head">
|
||||
<view
|
||||
class="status_bar"
|
||||
:style="'height:' + statusBarHeight + 'px;'"
|
||||
|
|
@ -46,277 +38,267 @@
|
|||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <view class="header">
|
||||
<!-- <view class="header">
|
||||
|
||||
</view> -->
|
||||
<!-- 内容 -->
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<view class="coupon">
|
||||
<view
|
||||
v-for="(item, index) in aixuanArr"
|
||||
:key="index"
|
||||
class="coupon_item"
|
||||
:style="'border:' + (index == aixuanArr.length - 1 ? 'none' : '')"
|
||||
>
|
||||
<view class="coupon_item_1">
|
||||
<view>{{ item.content }}</view>
|
||||
<view>{{ item.addtime }}</view>
|
||||
</view>
|
||||
<view class="coupon_r flex_center">
|
||||
<text>{{ item.change_money }}</text>
|
||||
<!-- <image src="../../static/mine/$.png"></image> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
<!-- 内容 -->
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
<view class="coupon flex column">
|
||||
<view v-for="(item, index) in aixuanArr" :key="index" class="coupon_item"
|
||||
:style="'border:' + (index == aixuanArr.length - 1 ? 'none' : '')">
|
||||
|
||||
<view class="coupon_item_1" style="margin-left: 32rpx;">
|
||||
<view>{{ item.content }}</view>
|
||||
<view>{{ item.addtime }}</view>
|
||||
</view>
|
||||
|
||||
<view class="coupon_r flex_center" style="margin-right: 32rpx;">
|
||||
<text>{{ item.change_money }}</text>
|
||||
<!-- <image src="../../static/mine/$.png"></image> -->
|
||||
</view>
|
||||
<view
|
||||
style="width: 622rpx; height: 2rpx; background-color: #F3F3F3; position: absolute; bottom: 2rpx; left: 32rpx;">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
arr: ['全部', '收入', '支出'],
|
||||
show: 0,
|
||||
aixuanArr: [],
|
||||
downOption: {
|
||||
auto: false
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
// setTimeout(() => {
|
||||
// this.aixuanArr=[
|
||||
// {
|
||||
// content:'哈哈哈哈哈哈哈哈哈',
|
||||
// addtime:'2333-23-23 23:23:23',
|
||||
// change_money:233
|
||||
// }
|
||||
// ]
|
||||
// }, 1000);
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v
|
||||
this.aixuanArr = []
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'profitIntegral',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.aixuanArr = res.data.data
|
||||
} else {
|
||||
that.aixuanArr = that.aixuanArr.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
arr: ['全部', '收入', '支出'],
|
||||
show: 0,
|
||||
aixuanArr: [],
|
||||
downOption: {
|
||||
auto: false
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v
|
||||
this.aixuanArr = []
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'profitIntegral',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.aixuanArr = res.data.data
|
||||
} else {
|
||||
that.aixuanArr = that.aixuanArr.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.coupon_r > image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.coupon_r>image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.coupon_r {
|
||||
font-size: 32rpx;
|
||||
/* font-family: 'zcq'; */
|
||||
color: #fff;
|
||||
}
|
||||
.coupon_r {
|
||||
font-size: 32rpx;
|
||||
/* font-family: 'zcq'; */
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.coupon_item_1 > view:nth-of-type(2) {
|
||||
font-size: 24rpx;
|
||||
color: #CCCCCC;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.coupon_item_1>view:nth-of-type(2) {
|
||||
font-size: 24rpx;
|
||||
color: #676767;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.coupon_item_1 > view:nth-of-type(1) {
|
||||
font-size: 28rpx;
|
||||
// font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
.coupon_item_1>view:nth-of-type(1) {
|
||||
font-size: 28rpx;
|
||||
// font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.coupon_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
// background-color: rgba(255, 255, 255, 0.08);
|
||||
// margin-top: 20rpx;
|
||||
// border-radius: 10rpx;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
.coupon_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
// background-color: rgba(255, 255, 255, 0.08);
|
||||
// margin-top: 20rpx;
|
||||
// border-radius: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
width: 690rpx;
|
||||
margin: 20rpx auto;
|
||||
/* background: #11141D;
|
||||
.coupon {
|
||||
width: 686rpx;
|
||||
margin: 20rpx auto;
|
||||
/* background: #11141D;
|
||||
box-shadow: 0px 0px 10rpx 0px rgba(150, 255, 254, 0.7);
|
||||
padding: 0 30rpx; */
|
||||
box-sizing: border-box;
|
||||
/* border-radius: 20rpx; */
|
||||
}
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 16rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 16rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #70ede8;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #70ede8;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
.qiehuan_line > image {
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
.qiehuan_line>image {
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
|
||||
.qiehuan > view {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.qiehuan>view {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wzs {
|
||||
font-size: 34rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.wzs {
|
||||
font-size: 34rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 750rpx;
|
||||
/* height: 176rpx; */
|
||||
padding-bottom: 30rpx;
|
||||
background: #222222;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
/* #ifdef MP */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
top: 88rpx;
|
||||
/* #endif */
|
||||
z-index: 15;
|
||||
}
|
||||
.header {
|
||||
width: 750rpx;
|
||||
/* height: 176rpx; */
|
||||
padding-bottom: 30rpx;
|
||||
background: #222222;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
/* #ifdef MP */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
top: 88rpx;
|
||||
/* #endif */
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
// color: #fff;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
> view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
>view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
>view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
|
||||
.tab-list-item {
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
.tab-list-item {
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -10rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 32rpx;
|
||||
height: 4rpx;
|
||||
background: linear-gradient(90deg, #2dcbff 0%, #ff95fb 100%);
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
.arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -10rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 32rpx;
|
||||
height: 4rpx;
|
||||
background: linear-gradient(90deg, #2dcbff 0%, #ff95fb 100%);
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: transparent;
|
||||
background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
|
||||
background-clip: text;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
&.active {
|
||||
color: transparent;
|
||||
background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
|
||||
background-clip: text;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,17 +1,9 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar
|
||||
left-icon="left"
|
||||
title="兑换记录"
|
||||
color="#fff"
|
||||
backgroundColor="transparent"
|
||||
:fixed="true"
|
||||
:statusBar="true"
|
||||
:border="false"
|
||||
@clickLeft="back"
|
||||
></uni-nav-bar>
|
||||
<view class="content">
|
||||
<uni-nav-bar left-icon="left" title="兑换记录" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="back"></uni-nav-bar>
|
||||
|
||||
<!-- <view class="tab-list">
|
||||
<!-- <view class="tab-list">
|
||||
<view
|
||||
@click="getlist(i + 1)"
|
||||
v-for="(item, i) in arr"
|
||||
|
|
@ -32,7 +24,7 @@
|
|||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view class="head">
|
||||
<!-- <view class="head">
|
||||
<view
|
||||
class="status_bar"
|
||||
:style="'height:' + statusBarHeight + 'px;'"
|
||||
|
|
@ -44,39 +36,33 @@
|
|||
<view class="hang1">打包记录</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 内容 -->
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<view class="xuyuan br20" v-for="(v, i) in listData" :key="i">
|
||||
<view class="xuyuan_head">
|
||||
<view style="opacity: 1">打包时间：{{ v.addtime }}</view>
|
||||
<view style="font-size: 28rpx">
|
||||
共
|
||||
<text style="margin: 0 4rpx">{{ v.count }}</text>
|
||||
件
|
||||
</view>
|
||||
</view>
|
||||
<view class="xuyuan_con">
|
||||
<view class="xuyuan_item" v-for="(a, b) in v.order_list" :key="b">
|
||||
<view class="list_img">
|
||||
<image :src="a.goodslist_imgurl"></image>
|
||||
<!-- <view class="shang_title center">
|
||||
<!-- 内容 -->
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
<view class="xuyuan br20" v-for="(v, i) in listData" :key="i">
|
||||
<view class="xuyuan_head">
|
||||
<view style="opacity: 1; color: #8A8A8A; font-size: 20rpx;">打包时间：{{ v.addtime }}</view>
|
||||
<view style="font-size: 20rpx; color: #8A8A8A;">
|
||||
共
|
||||
<text style="margin: 0 4rpx; color: #333333;">{{ v.count }}</text>
|
||||
件
|
||||
</view>
|
||||
</view>
|
||||
<view class="xuyuan_con">
|
||||
<view class="xuyuan_item" v-for="(a, b) in v.order_list" :key="b">
|
||||
<view class="list_img">
|
||||
<image :src="a.goodslist_imgurl"></image>
|
||||
<!-- <view class="shang_title center">
|
||||
<view class="num">×{{ a.prize_num }}</view>
|
||||
</view> -->
|
||||
<view class="allNum">X{{a.prize_num}}</view>
|
||||
</view>
|
||||
<view class="xuyuan_item_2 column">
|
||||
<view class="hang1 mt10">{{ a.goodslist_title }}</view>
|
||||
<view class="hang1 mt10">兑换价：{{ a.goodslist_money }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="xuyuan_con">
|
||||
<view class="allNum">{{a.prize_num}}</view>
|
||||
</view>
|
||||
<view class="xuyuan_item_2 column center">
|
||||
<view class="hang1 mt10" style="width: 180rpx;">{{ a.goodslist_title }}</view>
|
||||
<view class="hang1 mt10">兑换价：{{ a.goodslist_money }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="xuyuan_con">
|
||||
<view class="xuyuan_item" v-for="(a, b) in v.order_list" :key="b">
|
||||
<view class="list_img">
|
||||
<image :src="a.goodslist_imgurl"></image>
|
||||
|
|
@ -89,257 +75,258 @@
|
|||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="xuyuan_foot">
|
||||
<view>
|
||||
共计兑换星钻：
|
||||
<text style="font-size: 32rpx; color: #fff">￥{{ v.money }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
<view class="xuyuan_foot">
|
||||
<view>
|
||||
共计兑换星钻：
|
||||
<text style="color: #333333">￥{{ v.money }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
listData: []
|
||||
}
|
||||
},
|
||||
onLoad(e) {},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'warehouse_recovery_record',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.listData = res.data.data
|
||||
} else {
|
||||
that.listData = that.listData.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
downOption: {
|
||||
auto: false
|
||||
},
|
||||
listData: []
|
||||
}
|
||||
},
|
||||
onLoad(e) {},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'warehouse_recovery_record',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.listData = res.data.data
|
||||
} else {
|
||||
that.listData = that.listData.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.xuyuan_foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding: 30rpx;
|
||||
font-size: 24rpx;
|
||||
/* font-family: 'zcq'; */
|
||||
color: #ffffff;
|
||||
/* text-shadow: 0px 0px 10rpx rgba(237, 87, 255, 0.7); */
|
||||
}
|
||||
.xuyuan_foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
padding: 30rpx;
|
||||
font-size: 20rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.xuyuan_item_2 {
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
width: 100%;
|
||||
margin-top: 4rpx;
|
||||
padding: 0 10rpx;
|
||||
>view:nth-child(2){
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
}
|
||||
.xuyuan_item_2 {
|
||||
color: #333333;
|
||||
font-size: 20rpx;
|
||||
width: 100%;
|
||||
margin-top: 4rpx;
|
||||
padding: 0 10rpx;
|
||||
|
||||
.allNum {
|
||||
position: absolute;
|
||||
top: 0rpx;
|
||||
left: 0rpx;
|
||||
font-size: 22rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 20rpx 0 20rpx 0;
|
||||
color: #fff;
|
||||
padding: 5rpx 20rpx;
|
||||
}
|
||||
>view:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 16rpx;
|
||||
color: #8A8A8A;
|
||||
}
|
||||
}
|
||||
|
||||
.list_img .shang_title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 32rpx;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.allNum {
|
||||
position: absolute;
|
||||
bottom: 10rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: 22rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 20rpx;
|
||||
color: #fff;
|
||||
padding: 5rpx 20rpx;
|
||||
}
|
||||
|
||||
.type {
|
||||
height: 100%;
|
||||
padding: 0 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
|
||||
.list_img .shang_title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 32rpx;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #222222;
|
||||
}
|
||||
.type {
|
||||
height: 100%;
|
||||
padding: 0 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: linear-gradient(90deg, #6adeff 0%, #7ab5ff 50%, #ff7feb 100%);
|
||||
|
||||
.num {
|
||||
padding-right: 10rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.num {
|
||||
padding-right: 10rpx;
|
||||
|
||||
.list_img > image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.list_img {
|
||||
width: 100%;
|
||||
height: 164rpx;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
background: #333333;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
.list_img>image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.xuyuan_item {
|
||||
width: 164rpx;
|
||||
box-sizing: border-box;
|
||||
margin-right: 20rpx;
|
||||
.list_img {
|
||||
width: 100%;
|
||||
height: 180rpx;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
background: #333333;
|
||||
border-radius: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.xuyuan_item {
|
||||
width: 180rpx;
|
||||
box-sizing: border-box;
|
||||
margin-right: 20rpx;
|
||||
|
||||
.xuyuan_con {
|
||||
display: flex;
|
||||
margin: 14rpx auto 0;
|
||||
width: 630rpx;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1rpx solid #666666;
|
||||
padding-bottom: 20rpx;
|
||||
overflow-x: scroll;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.xuyuan_con {
|
||||
display: flex;
|
||||
margin: 14rpx auto 0;
|
||||
width: 630rpx;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1rpx solid #F3F3F3;
|
||||
padding-bottom: 20rpx;
|
||||
overflow-x: scroll;
|
||||
|
||||
.xuyuan_head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
.xuyuan_head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 24rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
.xuyuan {
|
||||
width: 690rpx;
|
||||
margin: 20rpx auto;
|
||||
padding-top: 10rpx;
|
||||
background: #3B3941;
|
||||
}
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
.xuyuan {
|
||||
width: 690rpx;
|
||||
margin: 20rpx auto;
|
||||
padding-top: 10rpx;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
> view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
|
||||
> view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
>view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
>view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
.tab-list-item {
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -28rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 40rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
.tab-list-item {
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
|
||||
&.active {
|
||||
text-shadow: 0 0 10rpx #ba39ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -28rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 40rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
|
||||
&.active {
|
||||
text-shadow: 0 0 10rpx #ba39ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -31,8 +31,8 @@
|
|||
</text>
|
||||
<view class="mt10 relative">
|
||||
<!-- <text class="lv-box-num">{{userinfo.quan_yi_level.jindu+'%'}}</text> -->
|
||||
<cmd-progress :percent="userinfo.quan_yi_level.jindu" :show-info="false" stroke-color="#4BCAFF"
|
||||
:strokeWidth="12"></cmd-progress>
|
||||
<cmd-progress :percent="userinfo.quan_yi_level.jindu" :show-info="false" stroke-color="#FF862D"
|
||||
:strokeWidth="3"></cmd-progress>
|
||||
</view>
|
||||
</view>
|
||||
<text class="lv-box-detail" @click="$c.to({ url: '/package/mine/equity' })">点击查看详情</text>
|
||||
|
|
@ -45,9 +45,9 @@
|
|||
<!-- <view class="rbtn flex" @click="$c.to({ url: '/pages/user/vip' })">
|
||||
<image class="img100" :src="$img1('my/huiyuan.png')"></image>
|
||||
</view> -->
|
||||
<view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })">
|
||||
<!-- <view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })">
|
||||
<image class="img100" :src="$img1('my/sign.png')"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- <view class="rbtn btn1 flex">
|
||||
<button class="hide" open-type="contact"></button>
|
||||
<image class="img100" :src="$img1('my/kefu.png')"></image>
|
||||
|
|
@ -98,14 +98,14 @@
|
|||
|
||||
<view class="num">欧气值+{{ item.z_number }}</view>
|
||||
|
||||
<!-- <view class="progress">
|
||||
<!-- <view class="progress">
|
||||
<view class="progress-inner">
|
||||
<cmd-progress :percent="item.percentage" :show-info="false"
|
||||
stroke-color="linear-gradient(90deg, #7836FF 0%, #A465F2 100%)"
|
||||
:strokeWidth="8"></cmd-progress>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<view class="task-r">
|
||||
|
|
@ -1349,7 +1349,7 @@
|
|||
padding-bottom: 100px;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
|
||||
background-color: #F7F7F7;
|
||||
// background: #1C1B20 url($imgurl+'my/myBg.png') no-repeat 0 0 / 750rpx 500rpx;
|
||||
|
||||
.user-card {
|
||||
|
|
@ -1443,7 +1443,7 @@
|
|||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
line-height: 24rpx;
|
||||
line-height: 6rpx;
|
||||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
}
|
||||
|
|
@ -1554,7 +1554,6 @@
|
|||
width: 690rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0 20rpx;
|
||||
border: 4rpx solid #5B5B5D;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
|
|
@ -1562,7 +1561,7 @@
|
|||
position: relative;
|
||||
z-index: 1;
|
||||
margin-left: 32rpx;
|
||||
margin-top: 34rpx;
|
||||
padding-top: 34rpx;
|
||||
margin-bottom: 30rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
|
|
@ -1623,36 +1622,36 @@
|
|||
padding-left: 30rpx;
|
||||
|
||||
.btn {
|
||||
width: 150rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 40rpx;
|
||||
width: 142rpx;
|
||||
height: 60.35rpx;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #ff873a;
|
||||
background-color: #E6F791;
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #ff873a;
|
||||
font-size: 24rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
&.act {
|
||||
background: #ff873a;
|
||||
background: #333333;
|
||||
|
||||
text {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
color: #D8FD24;
|
||||
}
|
||||
}
|
||||
|
||||
&.dis {
|
||||
background: #1C1B20;
|
||||
border-radius: 30rpx;
|
||||
background: #F5F5F5;
|
||||
border-radius: 16rpx;
|
||||
|
||||
text {
|
||||
color: #CCCCCC;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1661,11 +1660,17 @@
|
|||
}
|
||||
|
||||
.qita {
|
||||
margin: 30rpx auto 0;
|
||||
width: 690rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
&-title {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
padding-left: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
padding-top: 36rpx;
|
||||
padding-left: 32rpx;
|
||||
}
|
||||
|
||||
.menu-card {
|
||||
|
|
@ -1689,10 +1694,9 @@
|
|||
|
||||
.title {
|
||||
margin-top: 10rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
color: #4C4C4C;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,30 @@
|
|||
<template>
|
||||
<view class="page-wrap common_bg">
|
||||
<uni-nav-bar left-icon="left" title="邀请好友" color="#fff" backgroundColor="transparent" :fixed="true"
|
||||
<uni-nav-bar left-icon="left" title="邀请好友" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
|
||||
<view @click="$refs.rulePop.getRule(11, '规则说明')" class="rule-btn" :style="{
|
||||
top: `calc(160rpx + ${$sys().statusBarHeight}px)`
|
||||
}">
|
||||
规则说明
|
||||
</view>
|
||||
<image class="inviteText" :src="$img('/static/img/inviteText.png')"></image>
|
||||
|
||||
|
||||
<mescroll-body ref="mescrollRef" :down="downOption" @init="mescrollInit" @down="downCallback" @up="upCallback">
|
||||
<image class="card-yqhy" :src="$img1('my/yqhy.png')"></image>
|
||||
|
||||
|
||||
<view
|
||||
style="width: 640rpx; height: 220rpx; background-color: #F8DDAD; margin: 60rpx auto 0; border-radius: 16rpx 16rpx 0rpx 0rpx; position: relative;">
|
||||
|
||||
<text style="position: absolute; left: 34rpx; top: 36rpx; color: #333333; font-size: 40rpx;">邀请好友
|
||||
领奖励</text>
|
||||
|
||||
<view @click="$refs.rulePop.getRule(11, '规则说明')" class="rule-btn">
|
||||
<image class="" style="width: 24rpx; height: 24rpx; margin-right: 8rpx;"
|
||||
:src="$img1('my/ic_prompt.png')"></image>
|
||||
规则说明
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- <image class="card-yqhy" :src="$img1('my/yqhy.png')"></image> -->
|
||||
|
||||
<view class="card common_bg">
|
||||
<view class="card-title">成功邀请好友获得佣金奖励</view>
|
||||
<view class="people-money">
|
||||
|
|
@ -37,18 +50,21 @@
|
|||
</view>
|
||||
|
||||
<!-- //分享 -->
|
||||
<view class="" style="flex-direction: row; display: flex;">
|
||||
<!-- <view class="" style="flex-direction: row; display: flex;">
|
||||
<button v-if="!ish5" open-type="share" class="invite-btn"></button>
|
||||
<button class="invite-btn2" style="margin-left: 20rpx;" @click="showPosterPopup"></button>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<view class="invite-log">
|
||||
<view class="list-title align-center">
|
||||
<text class="ziti">邀请记录</text>
|
||||
<text class="ml10" style="font-size: 28rpx;">(共{{ total }}人)</text>
|
||||
<text class="">邀请记录</text>
|
||||
<!-- <text class="ml10" style="font-size: 28rpx;">(共{{ total }}人)</text> -->
|
||||
</view>
|
||||
<view style="height: 2rpx; background-color: #F3F3F3;">
|
||||
|
||||
</view>
|
||||
<view class="list-wrap">
|
||||
<view v-for="(item, i) of listdata" :key="i" class="list-wrap-item">
|
||||
|
|
@ -58,7 +74,7 @@
|
|||
</view>
|
||||
<view class="info align-center justify-between">
|
||||
<view class="info-hd column">
|
||||
<text class="name hang1" style="color: #fff">{{item.nickname}}</text>
|
||||
<text class="name hang1" style="color: #333333">{{item.nickname}}</text>
|
||||
<text class="title">{{item.addtime}}</text>
|
||||
</view>
|
||||
<view class="info-bd column">
|
||||
|
|
@ -255,6 +271,7 @@
|
|||
background-size: 100% auto;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
.head {
|
||||
position: fixed;
|
||||
|
|
@ -303,21 +320,17 @@
|
|||
|
||||
.rule-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 200rpx;
|
||||
width: 151rpx;
|
||||
left: 34rpx;
|
||||
bottom: 32rpx;
|
||||
height: 50rpx;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 25rpx 0rpx 0rpx 25rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 10;
|
||||
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.inviteText {
|
||||
|
|
@ -337,20 +350,21 @@
|
|||
}
|
||||
|
||||
.card {
|
||||
margin: 58rpx auto 0;
|
||||
margin: 0rpx auto 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 690rpx;
|
||||
height: 464rpx;
|
||||
height: 252rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 0 60rpx 0;
|
||||
background: url($imgurl+'my/cardBg.png') no-repeat 0 0 / 100% 100%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
|
||||
&-title {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
padding-top: 32rpx;
|
||||
color: #333333;
|
||||
padding-top: 28rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -359,13 +373,10 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
// margin-top: 60rpx;
|
||||
padding: 40rpx 0 36rpx;
|
||||
border-radius: 10rpx;
|
||||
border-radius: 30rpx;
|
||||
color: #ffffff;
|
||||
color: #676767;
|
||||
margin-top: 60rpx;
|
||||
background: rgba(255, 255, 255, 0.19);
|
||||
border: 4rpx solid rgba(255, 255, 255, 0.93);
|
||||
|
||||
.people,
|
||||
.moneys {
|
||||
|
|
@ -391,13 +402,11 @@
|
|||
|
||||
.num {
|
||||
margin-top: 30rpx;
|
||||
font-size: 24rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #fffffe;
|
||||
color: #676767;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -422,12 +431,10 @@
|
|||
|
||||
.money {
|
||||
margin-top: 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fffffe;
|
||||
font-size: 20rpx;
|
||||
color: #676767;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -469,18 +476,23 @@
|
|||
margin: 30rpx auto 0;
|
||||
width: 650rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
padding: 32rpx 34rpx;
|
||||
border-radius: 16rpx;
|
||||
|
||||
|
||||
.list-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 30rpx 0;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.list-wrap {
|
||||
width: 100%;
|
||||
margin-top: 34rpx;
|
||||
// height: auto;
|
||||
// overflow: hidden;
|
||||
|
||||
|
|
@ -491,7 +503,6 @@
|
|||
justify-content: space-evenly;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
|
|
@ -511,24 +522,26 @@
|
|||
|
||||
&-hd {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 20rpx;
|
||||
color: #333333;
|
||||
|
||||
.name {
|
||||
max-width: 300rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-top: 12rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 16rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
&-bd {
|
||||
.money {
|
||||
color: #D3AFFF;
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -548,7 +561,6 @@
|
|||
align-items: center;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,33 +1,18 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar
|
||||
left-icon="left"
|
||||
title="我的星钻"
|
||||
color="#fff"
|
||||
backgroundColor="transparent"
|
||||
:fixed="true"
|
||||
:statusBar="true"
|
||||
:border="false"
|
||||
@clickLeft="$c.back"
|
||||
></uni-nav-bar>
|
||||
<view class="content">
|
||||
<uni-nav-bar left-icon="left" title="我的星钻" color="#000000" backgroundColor="transparent" :fixed="true"
|
||||
:statusBar="true" :border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
|
||||
<view class="tab-list align-center">
|
||||
<view
|
||||
@click="getlist(i)"
|
||||
v-for="(item, i) in arr"
|
||||
:key="i"
|
||||
class="tab-list-item"
|
||||
:class="{
|
||||
active: show == i
|
||||
}"
|
||||
>
|
||||
{{ item }}
|
||||
<view class="tab-list align-center">
|
||||
<view @click="getlist(i)" v-for="(item, i) in arr" :key="i" class="tab-list-item"
|
||||
:class="{active: show == i}">
|
||||
{{ item }}
|
||||
|
||||
<view v-if="show == i" class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="show == i" class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="head">
|
||||
<!-- <view class="head">
|
||||
<view class="qiehuan">
|
||||
<view @click="getlist(i)" v-for="(v, i) in arr" :key="i">
|
||||
<view :class="show == i ? 'xzs' : 'wzs'">{{ v }}</view>
|
||||
|
|
@ -36,271 +21,262 @@
|
|||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- 内容 -->
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<view class="coupon">
|
||||
<view
|
||||
v-for="(item, index) in listData"
|
||||
:key="index"
|
||||
class="coupon_item"
|
||||
>
|
||||
<view class="coupon_item_1">
|
||||
<view>{{ item.content }}</view>
|
||||
<view>{{ item.addtime }}</view>
|
||||
</view>
|
||||
<view class="coupon_r">{{ item.change_money }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
<!-- 内容 -->
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
<view class="coupon">
|
||||
<view v-for="(item, index) in listData" :key="index" class="coupon_item">
|
||||
<view class="coupon_item_1">
|
||||
<view>{{ item.content }}</view>
|
||||
<view>{{ item.addtime }}</view>
|
||||
</view>
|
||||
<view class="coupon_r">{{ item.change_money }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</mescroll-body>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
arr: ['全部', '收入', '支出', '兑换'],
|
||||
show: 0,
|
||||
listData: [],
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
z_imgPath: this.$z_img2 + 'mine/',
|
||||
statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
||||
arr: ['全部', '收入', '支出', '兑换'],
|
||||
show: 0,
|
||||
listData: [],
|
||||
|
||||
// 是否显示参与
|
||||
downOption: {
|
||||
auto: false
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
// setTimeout(() => {
|
||||
// this.listData=[
|
||||
// {
|
||||
// content:'哈哈哈哈哈哈哈哈哈',
|
||||
// addtime:'2333-23-23 23:23:23',
|
||||
// change_money:233
|
||||
// }
|
||||
// ]
|
||||
// }, 1000);
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v
|
||||
this.aixuanArr = []
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
// 是否显示参与
|
||||
downOption: {
|
||||
auto: false
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
// setTimeout(() => {
|
||||
// this.listData=[
|
||||
// {
|
||||
// content:'哈哈哈哈哈哈哈哈哈',
|
||||
// addtime:'2333-23-23 23:23:23',
|
||||
// change_money:233
|
||||
// }
|
||||
// ]
|
||||
// }, 1000);
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getlist(v) {
|
||||
this.show = v
|
||||
this.aixuanArr = []
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'profitMoney',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.listData = res.data.data
|
||||
} else {
|
||||
that.listData = that.listData.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
/*下拉刷新的回调 */
|
||||
downCallback() {
|
||||
this.mescroll.resetUpScroll()
|
||||
},
|
||||
/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
|
||||
upCallback(page) {
|
||||
//联网加载数据
|
||||
this.loadData(page.num)
|
||||
},
|
||||
loadData(pageNo) {
|
||||
// 模拟接口
|
||||
let that = this
|
||||
that.req({
|
||||
url: 'profitMoney',
|
||||
Loading: true,
|
||||
data: {
|
||||
page: pageNo,
|
||||
type: that.show
|
||||
},
|
||||
success(res) {
|
||||
that.mescroll.endByPage(res.data.data.length, res.data.last_page)
|
||||
if (pageNo == 1) {
|
||||
that.listData = res.data.data
|
||||
} else {
|
||||
that.listData = that.listData.concat(res.data.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.coupon_r > image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.coupon_r>image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.coupon_r {
|
||||
font-size: 32rpx;
|
||||
/* font-family: 'zcq'; */
|
||||
color: #fff;
|
||||
}
|
||||
.coupon_r {
|
||||
font-size: 24rpx;
|
||||
/* font-family: 'zcq'; */
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.coupon_item_1 > view:nth-of-type(2) {
|
||||
font-size: 24rpx;
|
||||
color: #CCCCCC;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.coupon_item_1>view:nth-of-type(2) {
|
||||
font-size: 16rpx;
|
||||
color: #676767;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.coupon_item_1 > view:nth-of-type(1) {
|
||||
font-size: 28rpx;
|
||||
// font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
.coupon_item_1>view:nth-of-type(1) {
|
||||
font-size: 20rpx;
|
||||
// font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.coupon_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
// background-color: rgba(255, 255, 255, 0.08);
|
||||
// margin-top: 20rpx;
|
||||
// border-radius: 10rpx;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
.coupon_item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
// background-color: rgba(255, 255, 255, 0.08);
|
||||
// margin-top: 20rpx;
|
||||
// border-radius: 10rpx;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #F3F3F3;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
width: 690rpx;
|
||||
margin: 20rpx auto;
|
||||
/* background: #11141D;
|
||||
.coupon {
|
||||
width: 690rpx;
|
||||
margin: 20rpx auto;
|
||||
/* background: #11141D;
|
||||
box-shadow: 0px 0px 10rpx 0px rgba(150, 255, 254, 0.7);
|
||||
padding: 0 30rpx; */
|
||||
box-sizing: border-box;
|
||||
/* border-radius: 20rpx; */
|
||||
}
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
padding: 0 32rpx;
|
||||
border-radius: 16rpx;
|
||||
/* border-radius: 20rpx; */
|
||||
}
|
||||
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 16rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 16rpx;
|
||||
width: 400rpx;
|
||||
}
|
||||
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #70ede8;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
.qiehuan_line {
|
||||
margin: -10rpx auto;
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
border-bottom: 4rpx solid #70ede8;
|
||||
border-radius: 2rpx;
|
||||
}
|
||||
|
||||
.qiehuan_line > image {
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
.qiehuan_line>image {
|
||||
width: 30rpx;
|
||||
height: 20rpx;
|
||||
}
|
||||
|
||||
.qiehuan > view {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.qiehuan>view {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wzs {
|
||||
font-size: 34rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.wzs {
|
||||
font-size: 34rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.xzs {
|
||||
font-size: 34rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 750rpx;
|
||||
/* height: 176rpx; */
|
||||
padding-bottom: 30rpx;
|
||||
background: #222222;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
/* #ifdef MP */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
top: 88rpx;
|
||||
/* #endif */
|
||||
z-index: 15;
|
||||
}
|
||||
.header {
|
||||
width: 750rpx;
|
||||
/* height: 176rpx; */
|
||||
padding-bottom: 30rpx;
|
||||
background: #222222;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
/* #ifdef MP */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
top: 88rpx;
|
||||
/* #endif */
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
.content {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
.head {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
.header_title {
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
> view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
>view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
>view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
.tab-list {
|
||||
display: flex;
|
||||
padding: 30rpx;
|
||||
|
||||
.tab-list-item {
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
.tab-list-item {
|
||||
width: 88rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 40rpx;
|
||||
position: relative;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
background-color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 8rpx;
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -14rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 18rpx;
|
||||
height: 8rpx;
|
||||
background: #ff873a;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
|
||||
&.active {
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #ff873a;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
&.active {
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
background-color: #E6F791;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user