You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1264 lines
31 KiB

<template>
3 years ago
<view class="container" style="position: relative;">
<view class="header">
3 years ago
<image src="https://download.cyjyyjy.com/mybackgorund.png" class="header-bg"></image>
3 years ago
<view class="user-box" style="z-index:1;position: relative;">
<view class="user-info-box">
<view class="avatar" @tap="checkLogin()">
<image :src="avatar"></image>
</view>
<view class="user-info" v-if="userId">
<view class="nick-wrap">
<!-- #ifdef MP-WEIXIN -->
<text class="nick">{{ nickName }}
</text>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<text class="nick" @tap="goPageLogin('/pages/my/updataNickName')">{{ nickName }}
</text>
<!-- #endif -->
</view>
3 years ago
<view v-if="member == 1" class="isVip">
<image src="../../static/img/my/vip-icon.png"></image>
<text class="code">会员到期时间{{endTime.split(' ')[0]}}</text>
</view>
<view v-if="member == 0" class="nohuiyuan">暂未成为会员</view>
</view>
<view class="noLogin" @tap="checkLogin()" v-else>登录</view>
3 years ago
<!-- <view class="sellers-in" style="position: absolute;right: 0;"
3 years ago
@tap="goPageLogin('/pages/my/cooperation')">
<view class="text" style="position: absolute;right: 10px;">
商户入驻<u-icon name="arrow-right" color="#FFFFFF" size="28"></u-icon>
</view>
3 years ago
</view> -->
</view>
<!-- <view class="info-icon" @tap="goPageLogin('/pages/task/renwu')">
<image src="../../static/img/my/info.png"></image>
</view> -->
</view>
<view class="huiyuan_view">
3 years ago
<image src="https://download.cyjyyjy.com/huiyuanmy.png"></image>
<view class="huiyuan_view_item" @tap="goPageLogin('/pages/my/myVIP')">
3 years ago
<view class="btn-box">
<!-- <view class="text">开通番茄会员邀请好友下单赚钱</view> -->
<view class="kaitong" v-if="member == 0"> 开通会员 </view>
<view class="kaitong" v-if="member == 1"> 我的权益 </view>
</view>
</view>
</view>
3 years ago
<!-- <view style="display: flex;">
3 years ago
<view class="money-header" style="z-index:1;position: relative;">
3 years ago
<view class="title">我的收益 (积分)</view>
3 years ago
<view>0</view>
</view>
3 years ago
<view class="title_right" @tap="goPageLogin('/pages/member/chongzhi')">
<button type="default" class="btn-click">积分兑换</button>
</view>
3 years ago
</view> -->
3 years ago
<view class="jifen_view" style="z-index:1;position: relative;">
3 years ago
<view class="title">
<text>我的积分</text>
3 years ago
<view class="title_right" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">积分兑换</view>
</view>
<view class="jifen_item">
3 years ago
<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
3 years ago
<view class="money">{{jifenJson.totalMoney}}</view>
<view class="text">总积分</view>
</view>
3 years ago
<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
3 years ago
<view class="money">{{jifenJson.convertibleMoney}}</view>
<view class="text">可兑换</view>
</view>
3 years ago
<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
3 years ago
<view class="money">{{jifenJson.exchangedMoney}}</view>
<view class="text">已兑换</view>
</view>
</view>
</view>
</view>
3 years ago
<view style="margin: 0 16px;padding-bottom: 20rpx;" class="tools">
<!-- @tap="href(7)" -->
3 years ago
<view class="tui-box" style="margin:0 auto;">
<view class="tui-cell-header">番茄服务</view>
<view class="tui-tool-box">
<view class="tui-tool-item" @tap="goPageLogin('/pages/my/customer')">
<view class="tui-icon-box">
3 years ago
<image src="../../static/img/my/callus.png" class="tui-tool-icon"></image>
</view>
3 years ago
<view class="tui-tool-text">联系我们</view>
</view>
3 years ago
<view class=" tui-tool-item" @tap="goPageLogin('/pages/my/setting')">
<view class="tui-icon-box">
3 years ago
<image src="../../static/img/my/setting.png" class="tui-tool-icon"></image>
</view>
3 years ago
<view class="tui-tool-text">设置</view>
</view>
3 years ago
<!-- <view class=" tui-tool-item" v-if="userId" @tap='loginOut()'>
<view class="tui-icon-box">
<image src="https://bwc.xianmxkj.com/img/20210828/e8f096d23a5c4cb0bf0f716901e0ce9a.png"
class="tui-tool-icon"></image>
</view>
<view class="tui-tool-text">退出登录</view>
3 years ago
</view> -->
</view>
</view>
</view>
<!-- cashMoney: 0, //已兑换
money: 0, //可兑换
oneUserCount: 0, //邀请人数
stayMoney: 0, //待入账
sumMoney: 0 //总收益 -->
<!-- <view class="info-jifen">
<view class="wdjf">我的总收益</view>
<view class="zsy_view">
<view class="sumMoney_view">{{sumMoney}}</view>
<view @tap="goPageLogin('/pages/member/chongzhi')" class="duihuan_btn">
立即兑换
</view>
</view>
<view class="shouye_item">
<view class="shouye_item_left">
<view class="shouye_item_text">团队收益</view>
<view class="shouye_item_money">{{teamMoney}}</view>
</view>
<view class="shouye_item_center">
<view class="shouye_item_text">可兑换</view>
<view class="shouye_item_money">{{money}}</view>
</view>
<view class="shouye_item_right">
<view class="shouye_item_text">已兑换</view>
<view class="shouye_item_money">{{cashMoney}}</view>
</view>
</view>
<view class="tuandui_item">
<view class="tuandui_item_left" @tap="goPageLogin('/pages/member/yaoqing')">
团队成员{{oneUserCount}}</view>
<view @tap="goPageLogin('/pages/my/shareFriends')" class="yaoqing_btn">
邀请好友</view>
</view>
</view>
-->
<!-- <view class="main">
<view class="integrals-box">
<view class="integral" @tap="goPageLoginS('/pages/order/index')">
<view class="left">
<image src="../../static/img/my/waimai.png"></image>
<text>我的外卖</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/myVIP')">
<view class="left">
<image src="../../static/img/my/huiyuan.png"></image>
<text>会员中心</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/teamList')">
<view class="left">
<image src="../../static/img/my/myteam.png"></image>
<text>我的团队</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLoginAndChannel('/pages/my/mychannel')">
<view class="left">
<image src="../../static/img/my/mychannel.png"></image>
<text>我的渠道</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" v-if="channelSQ" @tap="goPageLoginAndNoChannel('/pages/my/savechannel')">
<view class="left">
<image src="../../static/img/my/channeladd.png"></image>
<text>渠道申请</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/customer')">
<view class="left">
<image src="../../static/img/my/kefu.png"></image>
<text>联系客服</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/ranking')">
<view class="left">
<image src="../../static/img/my/yaoqing.png"></image>
<text>我的邀请</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/cooperation')">
<view class="left">
<image src="../../static/img/my/hezuo.png"></image>
<text>商户合作</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" v-if="userId && shopIsEn != ''" @tap='goShop()'>
<view class="left">
<image src="../../static/img/my/qwyhd.png"></image>
<text>前往商户端</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" @tap="goPageLogin('/pages/my/account')">
<view class="left">
<image src="../../static/img/my/shezhi.png"></image>
<text>设置中心</text>
</view>
<text class="right cuIcon-right"></text>
</view>
<view class="integral" v-if="userId" @tap='loginOut()'>
<view class="left">
<image src="../../static/img/my/loginout.png"></image>
<text>退出登录</text>
</view>
<text class="right cuIcon-right"></text>
</view>
</view>
</view> -->
</view>
</template>
<script>
export default {
data() {
return {
avatar: "/static/img/logo.png",
member: 0,
total: 0,
SumMoney: 0,
userId: '',
shopAppId: '',
shopIsEn: '否',
nickName: "",
isStudent: -1,
invitationCode: "",
endTime: '',
channelSQ: false,
sex: '',
cashMoney: 0, //已兑换
money: 0, //可兑换
oneUserCount: 0, //邀请人数
stayMoney: 0, //待入账
teamMoney: 0, //团队收益
3 years ago
sumMoney: 0, //总收益
arr: [],
3 years ago
showModal: true,
jifenJson: {
totalMoney: 0,
convertibleMoney: 0,
exchangedMoney: 0,
}
}
},
onLoad() {
let that = this;
3 years ago
this.userId = this.$queue.getData('userId')
that.$Request.getT('/common/type/203').then(res => { //订单审核提醒
if (res.code == 0) {
if (res.data && res.data.value) {
that.arr.push(res.data.value)
}
}
})
3 years ago
that.$Request.getT('/common/type/207').then(res => { //订单审核提醒
if (res.code == 0) {
if (res.data && res.data.value) {
that.arr.push(res.data.value)
}
}
})
3 years ago
},
onShow() {
3 years ago
this.$Request.getT('/userMoney/userMoneyDetail?userId=' + this.userId).then(res => { //我的积分
if (res.code == 0) {
console.log(res)
this.jifenJson = res.data
}
})
let shopAppId = this.$queue.getData('shopAppId');
if (shopAppId) {
this.shopAppId = shopAppId;
}
let shopIsEn = this.$queue.getData('shopIsEn');
if (shopIsEn) {
this.shopIsEn = shopIsEn;
} else {
this.shopIsEn = '否';
}
let avatar = this.$queue.getData('avatar');
if (avatar && avatar !== 'undefined') {
this.avatar = avatar;
} else {
this.avatar = '/static/img/logo.png';
}
let nickName = this.$queue.getData('nickName');
if (nickName && nickName !== 'undefined') {
this.nickName = nickName;
} else {
this.nickName = '';
}
let invitationCode = this.$queue.getData('invitationCode');
if (invitationCode && invitationCode !== 'undefined') {
this.invitationCode = invitationCode;
} else {
this.invitationCode = '';
}
this.sex = this.$queue.getData('sex');
this.userId = this.$queue.getData('userId');
if (this.userId) {
this.getUserInfo(this.userId);
this.getUserInfointegral(this.userId);
this.getUserInfoSumMoney(this.userId);
this.checkChannel();
3 years ago
//订阅
if (this.showModal) {
3 years ago
// this.openMsg()
}
}
},
methods: {
// 开启订阅消息
openMsg() {
var that = this
wx.getSetting({
withSubscriptions: true, //是否获取用户订阅消息的订阅状态,默认false不返回
success(ret) {
// console.log(ret,'------------------')
// console.log(Object.keys(ret.subscriptionsSetting.itemSettings).length)
// if (JSON.stringify(ret.subscriptionsSetting.itemSettings).indexOf('accept')!=-1) {
if (ret.subscriptionsSetting.itemSettings) {
uni.setStorageSync('sendMyMsg', true)
uni.openSetting({ // 打开设置页
success(rea) {
console.log(rea.authSetting)
}
});
} else { // 用户没有点击“总是保持以上,不再询问”则每次都会调起订阅消息
uni.setStorageSync('sendMyMsg', false)
uni.showModal({
title: '提示',
content: '为了更好的体验,请绑定消息推送',
confirmText: '确定',
cancelText: '取消',
success: function(res) {
if (res.confirm) {
uni.requestSubscribeMessage({
tmplIds: that.arr,
success(re) {
// console.log(re,'**********')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
that.showModal = false
} else if (res.cancel) {
that.showModal = true
}
}
})
}
}
})
},
goShop() {
let that = this;
uni.showModal({
title: '温馨提示',
content: '确定要前往商户端么',
success: e => {
if (e.confirm) {
uni.navigateToMiniProgram({
appId: '' + that.shopAppId,
path: '/pages/index/shopIndex',
fail(res) {
console.error(res)
}
})
}
}
});
},
checkChannel() {
let userId = this.$queue.getData('userId');
this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
if (res.code === 0) {
// if (!res.data) {
// this.channelSQ = true;
// }else{
// this.channelSQ = false;
// }
if (res.data) {
if (res.data.status === 1) { //审核中
} else if (res.data.status === 2) { //通过
this.channelSQ = false;
} else if (res.data.status === 3) { //拒绝
this.channelSQ = true;
}
} else {
this.channelSQ = true;
}
}
});
},
//获取用户积分信息
getUserInfointegral(userId) {
this.$Request.getT('/statistical/statisticalMoney?userId=' + userId).then(res => {
if (res.code === 0) {
this.cashMoney = res.data.cashMoney ? res.data.cashMoney : 0;
this.money = res.data.money ? res.data.money : 0;
this.oneUserCount = res.data.oneUserCount ? res.data.oneUserCount : 0;
this.stayMoney = res.data.stayMoney ? res.data.stayMoney : 0;
this.sumMoney = res.data.sumMoney ? res.data.sumMoney : 0;
this.teamMoney = res.data.teamMoney ? res.data.teamMoney : 0;
// this.cashMoney = res.data.cashMoney > 10000 ? (res.data.cashMoney / 10000).toFixed(1) + '万' : res.data.cashMoney;
// this.money = res.data.money > 10000 ? (res.data.money / 10000).toFixed(1) + '万' : res.data.money;
// this.oneUserCount = res.data.oneUserCount > 10000 ? (res.data.oneUserCount / 10000).toFixed(1) + '万' : res.data.oneUserCount;
// this.stayMoney = res.data.stayMoney > 10000 ? (res.data.stayMoney / 10000).toFixed(1) + '万' : res.data.stayMoney;
// this.sumMoney = res.data.sumMoney > 10000 ? (res.data.sumMoney / 10000).toFixed(1) + '万' : res.data.sumMoney;
}
});
},
getUserInfoSumMoney(userId) {
this.$Request.getT('/userMoney/sumMoney?userId=' + userId).then(res => {
if (res.code === 0) {
this.SumMoney = res.data ? res.data : 0;
}
});
},
getUserInfo(userId) {
this.$Request.postT("/app/selectUserById?userId=" + userId).then(res => {
if (res.code === 0) {
this.member = res.data.member ? res.data.member : 0;
this.endTime = res.data.endTime;
this.sex = res.data.sex;
this.$queue.setData("avatar", res.data.imageUrl ? res.data.imageUrl :
'/static/img/logo.png');
this.$queue.setData('member', res.data.member);
this.$queue.setData("nickName", res.data.nickName ? res.data.nickName : res.data.phone);
this.$queue.setData("mobile", res.data.phone);
this.$queue.setData("invitationCode", res.data.invitationCode);
this.$queue.setData("relation_id", res.data.relationId);
this.$queue.setData("relation", res.data.invitationCode);
this.$queue.setData("grade", res.data.grade);
this.$queue.setData("isInvitation", res.data.isInvitation);
this.$queue.setData("gender", parseInt(res.data.gender));
this.$queue.setData("sex", res.data.sex);
let campus = res.data.campus;
if (campus && campus != null) {
this.$queue.setData("campus", res.data.campus);
this.$queue.setData("campusName", res.data.campusName);
}
} else {
this.$queue.logout();
uni.showModal({
showCancel: false,
title: '登录失败',
content: res.msg,
});
}
uni.hideLoading();
});
},
goPageLoginS(url) {
let token = this.$queue.getData('token');
if (token) {
if (uni.getStorageSync('sendMyMsg')) {
uni.requestSubscribeMessage({
tmplIds: this.arr,
success(re) {
// console.log(re,'**********')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
}
console.log('是否有token')
uni.switchTab({
url
})
} else {
this.goLogin();
}
},
goPageLoginAndChannel(url) {
let token = this.$queue.getData('token');
this.$queue.removeItem('EditChannel');
if (token) {
if (uni.getStorageSync('sendMyMsg')) {
uni.requestSubscribeMessage({
tmplIds: this.arr,
success(re) {
// console.log(re,'**********')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
}
let userId = this.$queue.getData('userId');
this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
if (res.code === 0) {
if (res.data) {
if (res.data.status === 1) { //审核中
this.$queue.showToast('渠道申请已提交,正在审核中,请勿重复提交!');
} else if (res.data.status === 2) { //通过
uni.navigateTo({
url
})
} else if (res.data.status === 3) { //通过
this.$queue.showToast('渠道申请未通过,请修改后重新提交渠道申请!');
}
} else {
this.$queue.showToast('您还不是渠道商,请提交渠道申请后再来试试吧!');
}
}
});
} else {
this.goLogin();
}
},
goPageLoginAndNoChannel(url) {
let token = this.$queue.getData('token');
this.$queue.removeItem('EditChannel');
if (token) {
if (uni.getStorageSync('sendMyMsg')) {
uni.requestSubscribeMessage({
tmplIds: this.arr,
success(re) {
// console.log(re,'**********')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
}
let userId = this.$queue.getData('userId');
this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
if (res.code === 0) {
if (!res.data) {
uni.navigateTo({
url
})
} else {
if (res.data.status === 1) { //审核中
this.$queue.showToast('渠道申请已提交,正在审核中,请勿重复提交!');
} else if (res.data.status === 2) { //通过
this.$queue.showToast('您已经是渠道商了!');
} else if (res.data.status === 3) { //通过
this.$queue.setData('EditChannel', res.data);
uni.navigateTo({
url
})
}
}
}
});
} else {
this.goLogin();
}
},
goPageLogin(url) {
let token = this.$queue.getData('token');
if (token) {
if (uni.getStorageSync('sendMyMsg')) {
uni.requestSubscribeMessage({
tmplIds: this.arr,
success(re) {
// console.log(re,'**********')
var datas = JSON.stringify(re);
if (datas.indexOf("accept") != -1) {
console.log(re)
}
},
fail: (res) => {
console.log(res)
}
})
}
console.log('是否有token')
uni.navigateTo({
url
})
} else {
this.goLogin();
}
},
checkLogin() {
let token = this.$queue.getData('token');
let userId = this.$queue.getData('userId');
if (token) {
this.getUserInfo(userId);
} else {
this.goLogin();
}
},
goLogin() {
this.$queue.setData('href', '/pages/my/index');
uni.navigateTo({
url: '/pages/public/login'
});
},
//退出登录
loginOut() {
let that = this;
uni.showModal({
title: '退出提醒',
content: '确定要退出登录么',
success: e => {
if (e.confirm) {
that.$queue.logout();
that.userId = '';
that.avatar = '/static/img/logo.png';
that.nickName = '';
that.invitationCode = '';
that.sumMoney = 0;
that.money = 0;
that.cashMoney = 0;
that.oneUserCount = 0;
}
}
});
},
}
}
</script>
<style lang="scss">
page {
width: 100%;
background: #F3F5F7;
}
.container {
width: 100%;
.header {
width: 100%;
background: #F3F5F7;
3 years ago
.header-bg{
width: 100%;
height: 590rpx;
position: absolute;
z-index:0
}
.user-bj {
width: 100%;
height: 370upx;
z-index: 5;
}
.user-box {
width: 100%;
3 years ago
// height: 250upx;
z-index: 15;
3 years ago
padding: 15px 15px 6px 32px;
display: flex;
align-items: center;
3 years ago
margin-bottom: 20rpx;
.user-info-box {
flex: 1;
height: 100%;
display: flex;
align-items: center;
.avatar {
width: 110upx;
height: 110upx;
border-radius: 50%;
overflow: hidden;
image {
width: 100%;
height: 100%;
display: block;
}
}
.noLogin {
display: flex;
flex-direction: column;
margin-left: 20upx;
font-size: 40upx;
font-weight: 800;
color: #333333;
}
.user-info {
display: flex;
display: flex;
flex-direction: column;
margin-left: 20upx;
.nick-wrap {
display: flex;
align-items: center;
height: 45upx;
.nick {
font-size: 32rpx;
font-family: PingFang SC Bold, PingFang SC Bold-Bold;
font-weight: 700;
color: #333333;
}
.nick_image {
width: 38upx;
height: 38upx;
margin-left: 20upx;
}
.activation {
width: 100upx;
height: 38upx;
line-height: 38upx;
text-align: center;
background: #FFFFFF;
border-radius: 19upx;
margin-left: 20upx;
font-size: 24upx;
font-weight: bold;
color: #FF332F;
}
}
.nohuiyuan {
margin-top: 10rpx;
width: 150rpx;
height: 34rpx;
3 years ago
border: 3rpx solid #0C0C0C;
border-radius: 18rpx;
font-size: 20rpx;
font-weight: 500;
text-align: center;
3 years ago
color: #0C0C0C;
line-height: 34rpx;
}
3 years ago
.isVip{
display: flex;
align-items: center;
3 years ago
image{
width: 24rpx;
height: 24rpx;
margin-right: 4rpx;
}
.code {
display: flex;
align-items: center;
// height: 45upx;
font-size: 22rpx;
3 years ago
font-weight: 500;
color: #0C0C0C;
}
}
}
}
.info-icon {
width: 46upx;
height: 48upx;
image {
width: 100%;
height: 100%;
display: block;
}
}
}
.fxandfl_view {
width: 95%;
display: flex;
margin: 25rpx 30rpx;
.fx_view {
width: 335rpx;
height: 155rpx;
opacity: 1;
background: #ffffff;
border-radius: 16rpx;
padding: 25rpx 20rpx;
.title {
font-size: 32rpx;
font-weight: 700;
color: #333333;
}
.btn {
margin-top: 20rpx;
font-size: 24rpx;
font-weight: 500;
color: #999999;
}
}
}
.huiyuan_view {
3 years ago
width: 686rpx;
height: 96rpx;
margin: 0 auto;
opacity: 1;
3 years ago
position: relative;
background-color: #0C0C0C;
3 years ago
border-radius: 16rpx;
image{
width: 100%;
height: 96rpx;
position: absolute;
z-index: 1;
}
.huiyuan_view_item {
3 years ago
margin: 0 22rpx;
width: 100%;
height: 96rpx;
3 years ago
display: flex;
align-items: center;
3 years ago
position: absolute;
z-index: 2;
3 years ago
.text {
font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
color: #FAD19C;
z-index: 2;
margin-top: 4px;
}
3 years ago
.btn-box{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
padding-right: 26rpx;
}
.kaitong {
3 years ago
width: 200rpx;
height: 64rpx;
3 years ago
background: linear-gradient(214deg, #FAD19C 0%, #FCBC66 100%);
3 years ago
border-radius: 32rpx;
text-align: center;
line-height: 64rpx;
font-size: 28rpx;
color: #000;
}
}
}
.jifen_view {
width: 690rpx;
opacity: 1;
background: #ffffff;
border-radius: 24rpx;
3 years ago
padding: 20rpx 0 30rpx;
margin: 30rpx;
3 years ago
.title{
width: 100%;
3 years ago
padding:0 30rpx 6rpx;
3 years ago
border-bottom: 2rpx solid #D2D2D2;
3 years ago
display: flex;
justify-content: space-between;
3 years ago
.title_right {
width: 112rpx;
height: 36rpx;
line-height: 36rpx;
background: linear-gradient(141deg, #FF4848 0%, #FF2929 100%);
border-radius: 20rpx;
font-size: 22rpx;
color: #fff;
text-align: center;
}
}
.jifen_item {
display: flex;
3 years ago
justify-content: space-around;
width: 100%;
3 years ago
padding: 0 30rpx;
.item_view {
width: 25%;
text-align: center;
margin-top: 50rpx;
.money {
3 years ago
font-size: 36rpx;
color: #FF5543;
}
.text {
margin-top: 15rpx;
font-size: 24rpx;
3 years ago
color: #000000;
}
}
}
}
.info-jifen {
width: 92%;
height: 360rpx;
position: absolute;
background: #FFD900;
border-radius: 15rpx;
z-index: 15;
margin: 235upx 30upx 0;
padding: 20upx;
box-sizing: border-box;
.wdjf {
margin-top: 10rpx;
font-size: 34rpx;
font-weight: 400;
color: #806C30;
}
.shouye_item {
margin-top: 20rpx;
display: flex;
width: 100%;
color: #333333;
.shouye_item_text {
color: #806C30;
font-size: 24rpx;
}
.shouye_item_money {
margin-top: 10rpx;
font-size: 38rpx;
}
.shouye_item_left {
width: 33%;
text-align: left;
}
.shouye_item_center {
width: 33%;
text-align: center;
}
.shouye_item_right {
width: 33%;
text-align: right;
}
}
.tuandui_item {
margin-top: 20rpx;
display: flex;
width: 100%;
color: #FFFFFF;
border-top: 3rpx solid #ffff00;
padding-top: 15rpx;
.tuandui_item_left {
width: 75%;
color: #333333;
padding-top: 5rpx;
}
}
.yaoqing_btn {
margin-left: 10rpx;
background: #252323;
border-radius: 50rpx;
color: #FFFFFF;
text-align: center;
line-height: 50rpx;
width: 150rpx;
height: 50rpx;
font-size: 30rpx;
font-weight: 500;
}
.zsy_view {
margin-top: 15rpx;
display: flex;
width: 100%;
}
.sumMoney_view {
font-size: 50rpx;
font-weight: 500;
color: #333333;
width: 75%;
}
.duihuan_btn {
margin-left: 10rpx;
background: #252323;
border-radius: 50rpx;
color: #FFFFFF;
text-align: center;
line-height: 60rpx;
width: 150rpx;
height: 60rpx;
font-size: 30rpx;
font-weight: 500;
}
}
}
.main {
.integrals-box {
margin-bottom: 50rpx;
margin-top: 40upx;
background-color: #FFF;
padding: 10upx 34upx 10upx 40upx;
}
}
.tui-order-text,
.tui-tool-text {
3 years ago
font-size: 22rpx;
3 years ago
color: #000000;
}
3 years ago
.tui-icon-box image {
width: 72rpx;
height: 72rpx;
}
.tui-order-list {
width: 100%;
3 years ago
height: 60px;
padding: 0 10px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.tui-order-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.tui-box {
width: 100%;
3 years ago
height: 120px;
background: #fff;
box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.3);
border-radius: 10rpx;
// overflow: hidden;
}
.tui-cell-header {
width: 100%;
height: 74rpx;
3 years ago
line-height: 74rpx;
padding: 0 26rpx;
box-sizing: border-box;
3 years ago
border-bottom: 2rpx solid #D2D2D2;
}
.tui-cell-title {
font-size: 30rpx;
line-height: 30rpx;
font-weight: 600;
color: #333;
}
.tui-tool-box {
margin-top: 20rpx;
}
// 收藏夹
.addTo {
display: flex;
flex-direction: column;
color: #ffff;
text-align: center;
}
.tui-flex-wrap {
flex-wrap: wrap;
height: 300upx;
padding-bottom: 30rpx;
}
3 years ago
.tui-tool-box{
width: 100%;
padding: 0 30rpx;
display: flex;
3 years ago
.tui-tool-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 10rpx;
margin-right: 30rpx;
}
}
3 years ago
.tti {
width: 20%;
}
.tui-tool-icon {
width: 90rpx;
height: 90rpx;
display: block;
padding: 4upx;
}
.tui-badge-icon {
width: 66rpx;
height: 30rpx;
position: absolute;
right: 0;
transform: translateX(88%);
top: -15rpx;
}
.integral {
width: 100%;
height: 92upx;
display: flex;
align-items: center;
justify-content: space-between;
.left1 {
display: flex;
align-items: center;
flex: 1;
text {
color: #333333;
font-size: 38rpx;
font-family: PingFang SC Medium, PingFang SC Medium-Medium;
font-weight: 500;
}
}
.left {
display: flex;
align-items: center;
flex: 1;
image {
width: 35rpx;
height: 35rpx;
}
text {
margin-left: 34rpx;
color: #333333;
font-size: 30rpx;
font-family: PingFang SC Medium, PingFang SC Medium-Medium;
font-weight: 500;
}
button {
flex: 1;
padding: 0;
margin: 0;
border: none;
background: transparent;
text-align: left;
}
button::after {
border: none;
}
button::before {
border: none;
}
.view-text {
font-size: 28upx;
color: #333333;
margin-left: 20upx;
}
}
.right {
font-size: 28upx;
color: #333333;
}
}
.integral1 {
height: 48rpx;
.left {
text {
font-size: 40rpx;
}
}
}
}
3 years ago
.money-header {
width: 77px;
height: 16px;
font-size: 11px;
font-family: PingFang SC;
font-weight: 400;
line-height: 16px;
color: #000000;
text-align: center;
margin-left: 32px;
margin-right: 11px;
margin-bottom: 8px;
}
3 years ago
3 years ago
.sellers-in {
width: 87px;
height: 32px;
background: #FF5543;
border-radius: 30px 0px 0px 30px;
}
.sellers-in .text {
line-height: 32px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
}
</style>