热更新
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="我的积分" bgColor="#3AB3AE" fontColor="#fff" > </z-nav-bar>
|
||||
<view class="ACTable" >
|
||||
<z-nav-bar title="我的积分" bgColor="" fontColor="#000000"> </z-nav-bar>
|
||||
<view class="ACTable">
|
||||
<!-- <u-tabs :list="tab_list" @click="tab_click" lineColor="#54a966 100% 100%"
|
||||
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" ></u-tabs> -->
|
||||
|
||||
@@ -12,20 +12,22 @@
|
||||
|
||||
<view>
|
||||
<view class="AC_mes">
|
||||
<view class="wallet_title PM_font">积分</view>
|
||||
<view class="wallet_number">{{
|
||||
userMes.jf ? userMes.jf : 0
|
||||
}}</view>
|
||||
<view class="AC_mes_bg">
|
||||
<view class="wallet_title PM_font">全部积分</view>
|
||||
<view class="wallet_number">{{ userMes.jf ? userMes.jf : 0 }}</view>
|
||||
</view>
|
||||
|
||||
<!-- <text v-if="platform != 'ios'" class="AC_chong" @click="buPoint()"
|
||||
>充值</text
|
||||
> -->
|
||||
</view>
|
||||
|
||||
<!-- :style="`height:calc(100vh - ${(120 + statusBarHeight) * 2}rpx)`" -->
|
||||
|
||||
<view style="padding: 30rpx; padding-top: 0">
|
||||
<view class="AC_con">
|
||||
<view class="AC_jilu PM_font">积分记录</view>
|
||||
<common-list
|
||||
|
||||
:dataList="MoneyRecord"
|
||||
isCondition="true"
|
||||
isNoIcon="true"
|
||||
@@ -43,10 +45,9 @@
|
||||
>
|
||||
<text v-if="slotProps.row.changeAmount > 0">+</text>
|
||||
<text>{{ slotProps.row.changeAmount }}</text> </view
|
||||
><view
|
||||
class="AC_mark"
|
||||
v-if="slotProps.row.remark "
|
||||
>{{ slotProps.row.remark}}</view
|
||||
><view class="AC_mark" v-if="slotProps.row.remark">{{
|
||||
slotProps.row.remark
|
||||
}}</view
|
||||
><view class="AC_time">{{ slotProps.row.createTime }}</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -324,63 +325,80 @@ export default {
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
|
||||
.commonPageBox {
|
||||
background-color: #e5f4eb;
|
||||
// background-image: url("@/static/icon/mine_bg.png");
|
||||
// background-repeat: no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
}
|
||||
.ACTable {
|
||||
// padding: 20rpx 30rpx;
|
||||
|
||||
.AC_mes {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
background-image: url("@/static/image/wallet.png");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 300rpx;
|
||||
|
||||
// margin-top: 50rpx;
|
||||
padding: 160rpx 160rpx 100rpx 120rpx;
|
||||
padding: 40rpx 20rpx;
|
||||
box-shadow: 0 0px 10px 1px #d3d1d133;
|
||||
// background-color: #fff;
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 40rpx;
|
||||
margin-bottom: 10rpx;
|
||||
position: relative;
|
||||
.wallet_title {
|
||||
color: #fff;
|
||||
font-size: 62rpx;
|
||||
line-height: 80rpx;
|
||||
font-weight: 600;
|
||||
.AC_mes_bg {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
background-image: url("@/static/icon/cate_bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.wallet_title {
|
||||
color: $themeColor;
|
||||
font-size: 40rpx;
|
||||
line-height: 60rpx;
|
||||
font-weight: 500 !important;
|
||||
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.wallet_number {
|
||||
color: #fff;
|
||||
font-size: 70rpx;
|
||||
line-height: 100rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
color: $themeColor;
|
||||
font-size: 80rpx;
|
||||
line-height: 80rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.AC_con {
|
||||
background-color: #fff;
|
||||
// background-color: #fff;
|
||||
overflow: hidden;
|
||||
// margin-top: 50rpx;
|
||||
// padding: 30rpx 30rpx;
|
||||
box-shadow: 0 0px 10px 1px #d3d1d133;
|
||||
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 40rpx;
|
||||
// margin-bottom: 40rpx;
|
||||
font-size: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
|
||||
.AC_jilu {
|
||||
font-size: 42rpx;
|
||||
text-align: left;
|
||||
color: $themeColor;
|
||||
color:#7f2000 ;
|
||||
// background-image: linear-gradient(90deg, #3AB3AE 20%, #c3fade 100%);
|
||||
// margin-bottom: 30rpx;
|
||||
padding: 30rpx 20rpx 20rpx;
|
||||
padding: 10rpx 20rpx 40rpx;
|
||||
}
|
||||
/deep/.list_item {
|
||||
background-color: rgba(255, 255, 255, 0.85) !important;
|
||||
box-shadow: 0 0px 10px 1px #d3d1d133 !important;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.AC_List {
|
||||
overflow: hidden;
|
||||
|
||||
.left {
|
||||
width: calc(100% - 120rpx) !important;
|
||||
font-weight: 700;
|
||||
@@ -391,10 +409,10 @@ export default {
|
||||
}
|
||||
.right {
|
||||
display: block;
|
||||
width: 100rpx !important;
|
||||
width: 200rpx !important;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 32rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
}
|
||||
@@ -415,15 +433,15 @@ export default {
|
||||
|
||||
.AC_mark {
|
||||
font-size: 28rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
margin-bottom: 15rpx;
|
||||
// white-space: nowrap;
|
||||
color: #888;
|
||||
color: #343434;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.AC_time {
|
||||
color: #bababa;
|
||||
color: #909090;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
@@ -634,14 +652,14 @@ export default {
|
||||
color: $themeColor !important;
|
||||
}
|
||||
.AC_chong {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: linear-gradient(90deg, #3AB3AE 0%, #73ee9c 100%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: linear-gradient(90deg, #3ab3ae 0%, #73ee9c 100%);
|
||||
color: #fff;
|
||||
border-top-left-radius: 15rpx;
|
||||
border-top-right-radius: 15rpx;
|
||||
padding:20rpx 20rpx;
|
||||
padding: 20rpx 20rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 800;
|
||||
text-align: right;
|
||||
|
||||
Reference in New Issue
Block a user