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.
1384 lines
39 KiB
1384 lines
39 KiB
<template>
|
|
<!-- svip会员模块 -->
|
|
<view>
|
|
<view class="">
|
|
<!-- #ifdef MP -->
|
|
<!-- <NavBar titleText="SVIP会员" :iconColor="iconColor" :textColor="iconColor" :isScrolling="isScrolling" showBack>
|
|
</NavBar> -->
|
|
<view class="topdaohang" @click="fanhui">
|
|
<uni-icons type="left" size="18" color="white"></uni-icons>
|
|
<text>会员中心</text>
|
|
</view>
|
|
<!-- #endif -->
|
|
<view class="headerBg"></view>
|
|
<view class="vipxinbox">
|
|
<image class="vipxinboximg" src="https://bar.jiuhaosh.cn/static/vipxin1.png" mode=""></image>
|
|
<view class="vipwzbox">
|
|
<view class="yqju" @click="yqju">邀请记录</view>
|
|
<view class="title1">随身畅饮卡</view>
|
|
<view class="title2">享受折扣：{{number}}%</view>
|
|
<view class="title2">{{userInfo.pay_vip_status==false?'未领取':"已领取"}} <text
|
|
v-if="userInfo.pay_vip_status">{{memberEndTime}}到期</text> </view>
|
|
</view>
|
|
</view>
|
|
<view class="hyqy">会员权益</view>
|
|
<!-- <view class="card-section">
|
|
<image src="../static/vip-paid.png" class="vip-paid"></image>
|
|
<view class="wrapper">
|
|
|
|
<view class="avatar-wrap acea-row">
|
|
<image class="avatar" :src="userInfo.avatar"></image>
|
|
<view class="text">
|
|
<view class="name line1">{{userInfo.nickname}}</view>
|
|
<view class="tips" v-if="userInfo.is_ever_level">永久SVIP会员</view>
|
|
<view class="tips" v-else-if="userInfo.is_money_level">{{userInfo.overdue_time | dateFormat}} 到期</view>
|
|
<view class="arrow" @click="goRightDetail">权益介绍<text class="iconfont icon-ic_rightarrow"></text></view>
|
|
</view>
|
|
</view>
|
|
<view class="right-section">
|
|
<view class="section-bd acea-row row-between-wrapper">
|
|
<view v-for="item in memberRights" :key="item.id" class="item">
|
|
<view class="image-wrap acea-row row-center row-middle">
|
|
<view class="image-wrap-inner">
|
|
<image class="image" :src="item.pic"></image>
|
|
</view>
|
|
</view>
|
|
<view class="text">
|
|
<view class="name">{{item.title}}</view>
|
|
<view>{{item.explain}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
<!-- 选择卡种 -->
|
|
<!-- <view class="other-section">
|
|
<view class="type-section" id="card" v-if="memberType.length && !userInfo.is_ever_level">
|
|
<view class="type-section-inner">
|
|
<view class="title acea-row row-between-wrapper">
|
|
<view class="">选择卡种</view>
|
|
<view class="cash" @click="drawMemberCard">点击兑换卡密</view>
|
|
</view>
|
|
<scroll-view class="scroll" scroll-x="true">
|
|
<view v-for="item in memberType" :key="item.id" class="item" :class="{on: item.id === svip.id}" @click="checkType(item)">
|
|
<view v-if="item.is_label" class="badge">限时特惠</view>
|
|
<view class="name">{{item.title}}</view>
|
|
<view class="new">￥<text class="num">{{item.pre_price | moneyFormat}}</text></view>
|
|
<view class="old">￥{{item.price | moneyFormat}}</view>
|
|
<view class="button">立省{{ $util.$h.Sub(item.price, item.pre_price) }}元</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
<view v-if="memberCoupons.length" class="coupon-section">
|
|
<view class="section-hd acea-row row-between-wrapper">
|
|
<view class="">会员优惠券</view>
|
|
<navigator class="link" url="/pages/annex/vip_coupon/index">查看更多<text class="iconfont icon-ic_rightarrow"></text></navigator>
|
|
</view>
|
|
<scroll-view class="section-bd" scroll-x="true">
|
|
<view v-for="item in memberCoupons" :key="item.id" class="item acea-row row-center-wrapper" :class="{gray: item.is_fail || item.status === '已使用'}">
|
|
<view class="inner">
|
|
<view class="type">{{ item.type_name }}</view>
|
|
<view class="money">
|
|
<text v-if="item.coupon_type==1">￥</text>
|
|
<text class="num">{{item.coupon_type == 1?item.coupon_price:parseFloat(item.coupon_price)/10}}</text>
|
|
<text v-if="item.coupon_type==2">折</text>
|
|
</view>
|
|
</view>
|
|
<view class="text">
|
|
<view v-if="item.use_min_price == '0.00'" class="mark">无门槛券</view>
|
|
<view v-else class="mark">满{{item.use_min_price | moneyFormat}}可用</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
<view class="px-20">
|
|
<recommend class="recommend" title="SVIP商品推荐" :hostProduct="goodsList" saleShow></recommend>
|
|
</view>
|
|
</view> -->
|
|
<view class="quanyibox">
|
|
<view class="quanyibox1" @click="gouwu(item)" v-for="(item,index) in memberRights" :key="index" v-if="item.right_type=='invter_yon'||item.right_type=='vip_zhekou'">
|
|
<image :src="item.image" mode="" class="wh90 quanyibox1img"></image>
|
|
<view class="colorhui1 quanyibox1wz">{{item.title}}</view>
|
|
</view>
|
|
<!-- <view class="quanyibox1" @click='yaoqing'>
|
|
<image src="@/static/img/邀请xin.png" mode="" class="wh90 quanyibox1img"></image>
|
|
<view class="colorhui1 quanyibox1wz">邀请返佣</view>
|
|
</view> -->
|
|
</view>
|
|
<view class="quanyibox">
|
|
<view class="quanyibox2" v-for="(item,index) in memberType" :key="index"
|
|
:class="tykindex==index?'tykxz':'tykxz1'" @click="tykxzindex(index)">
|
|
<view class="colorhui1 quanyibox2wz">{{item.title}}</view>
|
|
<view class="colorzong">￥{{item.pre_price}}</view>
|
|
</view>
|
|
<!-- <view class="quanyibox2">
|
|
<view class="colorhui1 quanyibox2wz">邀请返佣</view>
|
|
<view class="colorzong">￥208.00</view>
|
|
</view> -->
|
|
</view>
|
|
<view class="hyqydlbao" v-if="memberType[tykindex].is_libao==1">选择赠送大礼包</view>
|
|
<!-- <view > -->
|
|
<view class="zsbox" v-if="memberType[tykindex].is_libao==1">
|
|
<view class="zsbox1" v-for="(item,index) in newcomer_products"
|
|
:class="libaoindex==index?'zsbox1xz':'zsbox1'" @click="lbxzclick(index)">
|
|
<image class="wh330" :src="item.image" mode=""></image>
|
|
<view class="colorfff fs-32 zsboxtitle">{{item.title}}</view>
|
|
<view class="maleft24">
|
|
<text class="colorzong">
|
|
￥{{item.price}}
|
|
</text>
|
|
<text class="yuanjia">
|
|
￥{{item.ot_price}}
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- </view> -->
|
|
<view class="xitext">
|
|
<checkbox-group v-model="checkboxValue1" @change='change'>
|
|
<label class="radio">
|
|
<checkbox value="r1" class="checkbox-backgroun-yellow" /><text
|
|
class="colorhui1">我已阅读 <text @click.stop="hyxy" style="color: #F8A617;">《会员用卡协议》</text></text>
|
|
</label>
|
|
</checkbox-group>
|
|
</view>
|
|
<view class="" style="background: black; height: 200rpx;padding-top: 30rpx;">
|
|
<view class="fotbut" @tap="pay" v-if="memberType[tykindex].is_libao!=1">
|
|
付费{{memberType[tykindex].pre_price}}元 立即领卡
|
|
</view>
|
|
<view class="fotbut" @tap="ljlingka" v-else>
|
|
立即领卡
|
|
</view>
|
|
</view>
|
|
|
|
<!-- <view class="" style="height: 48rpx;"></view> -->
|
|
<!-- <view class="footer">
|
|
<view class="acea-row">
|
|
<view class="text acea-row row-middle">
|
|
<view><text class="symbol">¥</text><text class="number">{{ totalPrice }}</text><text
|
|
class="original">原价¥{{ parseFloat(svip.price) }}</text></view>
|
|
</view>
|
|
<view class="buy acea-row row-center-wrapper" @tap="pay">{{ type == 'free' ? '立即试用' : '立即支付' }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="footer-placeholder"></view> -->
|
|
<uni-popup ref="popup" type="center">
|
|
<view class="popupbox">
|
|
<text style="float: right;" class="iconfont iconfont icon-ic_close fs-44 colorhui1"
|
|
@click="close"></text>
|
|
<view class="popupboxtitle">
|
|
{{guzkneirong.title}}
|
|
</view>
|
|
<scroll-view class="neir" scroll-y="true" style="" v-html="guzkneirong.content">
|
|
<!-- {{guzkneirong.content}} -->
|
|
</scroll-view>
|
|
</view>
|
|
</uni-popup>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import colors from '@/mixins/color.js';
|
|
import {
|
|
mapGetters
|
|
} from "vuex";
|
|
import {
|
|
memberCard,
|
|
memberCardDraw,
|
|
memberCardCreate,
|
|
groomList,
|
|
memberOverdueTime
|
|
} from '@/api/user.js';
|
|
import {
|
|
orderOfflinePayType
|
|
} from '@/api/order.js';
|
|
import {
|
|
toLogin
|
|
} from '@/libs/login.js';
|
|
import {
|
|
newcomerList,
|
|
store_discountsgetList
|
|
} from '@/api/api.js'
|
|
import {
|
|
postCartAdd
|
|
} from '@/api/store.js'
|
|
import {
|
|
openPaySubscribe
|
|
} from '@/utils/SubscribeMessage.js';
|
|
import dayjs from '@/plugin/dayjs/dayjs.min.js';
|
|
import recommend from '@/components/recommend/index.vue';
|
|
// #ifdef MP
|
|
import NavBar from '@/components/NavBar';
|
|
// #endif
|
|
|
|
export default {
|
|
components: {
|
|
recommend,
|
|
// #ifdef MP
|
|
NavBar,
|
|
// #endif
|
|
},
|
|
mixins: [colors],
|
|
filters: {
|
|
dateFormat: function(value) {
|
|
return dayjs(value * 1000).format('YYYY-MM-DD');
|
|
},
|
|
moneyFormat: function(value) {
|
|
return parseFloat(value);
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
number: 0,
|
|
newcomer_products: [],
|
|
ishyxy: false,
|
|
r1: '',
|
|
checkboxValue1: '',
|
|
guzkneirong: {},
|
|
tykindex: 0,
|
|
libaoindex: 0,
|
|
memberType: [],
|
|
userInfo: {},
|
|
memberRights: [],
|
|
memberExplain: [],
|
|
memberCoupons: [],
|
|
isGetFree: null,
|
|
account: '',
|
|
password: '',
|
|
goodsList: [],
|
|
pay_order_id: '',
|
|
totalPrice: '0',
|
|
page: 1,
|
|
limit: 15,
|
|
finished: false,
|
|
memberEndTime: '',
|
|
// #ifdef H5
|
|
isWeixin: this.$wechat.isWeixin(),
|
|
// #endif
|
|
type: '',
|
|
svip: {},
|
|
isShowAuth: false,
|
|
// #ifdef MP
|
|
iconColor: '#FFFFFF',
|
|
isScrolling: false,
|
|
// #endif
|
|
}
|
|
},
|
|
computed: mapGetters(['isLogin']),
|
|
onLoad() {
|
|
if (this.isLogin) {
|
|
this.onLunch();
|
|
}
|
|
},
|
|
onShow() {
|
|
this.memberCard()
|
|
|
|
},
|
|
onReachBottom() {
|
|
this.groomList();
|
|
},
|
|
onPageScroll(e) {
|
|
uni.$emit('scroll');
|
|
// #ifdef MP
|
|
if (e.scrollTop > 50) {
|
|
this.isScrolling = true;
|
|
this.iconColor = '#333333';
|
|
} else if (e.scrollTop < 50) {
|
|
this.isScrolling = false;
|
|
this.iconColor = '#FFFFFF';
|
|
}
|
|
// #endif
|
|
},
|
|
methods: {
|
|
hyxy(){
|
|
uni.navigateTo({
|
|
url:'/pages/annex/vip_clause/index'
|
|
})
|
|
},
|
|
ljlingka() {
|
|
// this.createMemberCard('weixin');
|
|
var discountInfos=[]
|
|
this.newcomer_products[this.libaoindex].products.forEach(el=>{
|
|
discountInfos.push({product_id:el.product_id,"unique":"",id:el.id,pnum:el.pnum })
|
|
})
|
|
if (this.ishyxy) {
|
|
let data = {
|
|
addressId: "",
|
|
cartNum: 1,
|
|
delivery_type: '',
|
|
new: 1,
|
|
productId:'',
|
|
store_id: 0,
|
|
uniqueId: "",
|
|
discountInfos:discountInfos,
|
|
discountId:this.newcomer_products[this.libaoindex].id,
|
|
member_type: this.memberType[this.tykindex].id
|
|
};
|
|
postCartAdd(data)
|
|
.then(res => {
|
|
console.log(987, res);
|
|
uni.navigateTo({
|
|
url: '/pages/goods/order_confirm/index?huiyuanka=1&product_id=""&discountInfos' +
|
|
discountInfos +'&discountId=' + this.newcomer_products[this.libaoindex].id+ '&new=1&cartId=' +
|
|
res.data.cartId + '&huiyuankajiage=' + this.memberType[this.tykindex]
|
|
.pre_price +
|
|
'&huiyuanzhekou=' + this.number + '&vipmoney=' + this.memberType[this
|
|
.tykindex].price +
|
|
'&vipprice=' + this.memberType[this.tykindex].pre_price+'&member_type=' + this.memberType[this.tykindex].id
|
|
})
|
|
}).catch(res => {
|
|
this.$util.Tips({
|
|
title: res
|
|
});
|
|
});
|
|
|
|
} else {
|
|
this.$util.Tips({
|
|
title: '请选择会员卡协议'
|
|
})
|
|
}
|
|
},
|
|
getnewcomerList(vip_type) {
|
|
store_discountsgetList({vip_type:vip_type}).then(res => {
|
|
console.log(' res.data.list',res);
|
|
this.newcomer_products = res.data.list
|
|
console.log(' res.data.list11',this.newcomer_products);
|
|
})
|
|
},
|
|
change(e) {
|
|
if (e.detail.value.length != 0) {
|
|
this.ishyxy = true
|
|
} else {
|
|
this.ishyxy = false
|
|
}
|
|
},
|
|
tykxzindex(i) {
|
|
this.tykindex = i
|
|
this.getnewcomerList(this.memberType[this.tykindex].id)
|
|
console.log(45, this.memberType[this.tykindex].pre_price);
|
|
},
|
|
yaoqing() {
|
|
uni.navigateTo({
|
|
url: '/pages/annex/yaoqing/yaoqing'
|
|
})
|
|
},
|
|
fanhui() {
|
|
uni.navigateBack()
|
|
},
|
|
lbxzclick(e) {
|
|
this.libaoindex = e
|
|
},
|
|
yqju() {
|
|
uni.navigateTo({
|
|
url: '/pages/annex/record/record'
|
|
})
|
|
},
|
|
onLunch() {
|
|
this.memberCard();
|
|
this.groomList();
|
|
},
|
|
pay() {
|
|
console.log('checkboxValue1', this.r1);
|
|
if (this.ishyxy) {
|
|
this.createMemberCard('weixin');
|
|
} else {
|
|
this.$util.Tips({
|
|
title: '请选择会员卡协议'
|
|
})
|
|
}
|
|
},
|
|
scrollToCard() {
|
|
const query = uni.createSelectorQuery().in(this);
|
|
query.select('#card').boundingClientRect(data => {
|
|
uni.pageScrollTo({
|
|
scrollTop: data.top
|
|
});
|
|
}).exec();
|
|
},
|
|
goDetail(id) {
|
|
uni.navigateTo({
|
|
url: `/pages/goods_details/index?id=${id}`
|
|
});
|
|
},
|
|
// 付费会员数据
|
|
memberCard() {
|
|
uni.showLoading({
|
|
title: '正在加载…'
|
|
});
|
|
memberCard().then(res => {
|
|
uni.hideLoading();
|
|
const {
|
|
is_get_free,
|
|
member_coupons,
|
|
member_explain,
|
|
member_rights,
|
|
member_type
|
|
} = res.data;
|
|
this.isGetFree = is_get_free;
|
|
this.userInfo = is_get_free.user_info;
|
|
this.memberRights = member_rights;
|
|
this.memberType = member_type;
|
|
this.getnewcomerList(this.memberType[0].id)
|
|
this.memberRights.forEach(el => {
|
|
console.log('el', el);
|
|
if (el.id == '7') {
|
|
this.number = el.number
|
|
}
|
|
})
|
|
this.memberCoupons = member_coupons;
|
|
this.memberExplain = member_explain;
|
|
// if (is_get_free.is_record) {
|
|
// this.memberType = this.memberType.filter(item => item.type !== 'free');
|
|
// };
|
|
this.totalPrice = parseFloat(this.memberType[0].pre_price);
|
|
this.type = this.memberType[0].type;
|
|
this.totalPrice = parseFloat(this.memberType[0].pre_price);
|
|
this.svip = this.memberType[0];
|
|
memberOverdueTime({
|
|
member_type: this.svip.type,
|
|
vip_day: this.svip.vip_day
|
|
}).then(res => {
|
|
this.memberEndTime = res.data.data;
|
|
});
|
|
}).catch(err => {
|
|
uni.showToast({
|
|
title: err,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
},
|
|
groomList() {
|
|
if (this.finished) {
|
|
return;
|
|
}
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
});
|
|
groomList(5, {
|
|
page: this.page,
|
|
limit: this.limit
|
|
}).then(res => {
|
|
uni.hideLoading();
|
|
this.goodsList = this.goodsList.concat(res.data.list);
|
|
this.finished = res.data.list.length < this.limit;
|
|
this.page += 1;
|
|
}).catch(err => {
|
|
uni.hideLoading();
|
|
});
|
|
},
|
|
checkType(svip) {
|
|
this.type = svip.type;
|
|
this.svip = svip;
|
|
this.totalPrice = parseFloat(svip.pre_price)
|
|
},
|
|
getMemberCard() {
|
|
memberCard().then(res => {
|
|
let data = res.data;
|
|
this.memberType = data.member_type;
|
|
this.memberRights = data.member_rights;
|
|
this.isGetFree = data.is_get_free;
|
|
}).catch(err => {
|
|
|
|
});
|
|
},
|
|
memberSelect(index) {
|
|
this.memberSelected = index;
|
|
},
|
|
// 卡密兑换
|
|
drawMemberCard() {
|
|
uni.navigateTo({
|
|
url: '/pages/annex/vip_paid_active/index'
|
|
})
|
|
},
|
|
// 立即购买
|
|
createMemberCard(type) {
|
|
uni.showLoading({
|
|
title: '正在加载…'
|
|
});
|
|
let query = {
|
|
pay_type: type || this.payMode[0].value,
|
|
type: '1',
|
|
// #ifdef H5
|
|
from: this.isWeixin ? 'weixin' : 'weixinh5',
|
|
// #endif
|
|
// #ifdef MP
|
|
from: 'routine',
|
|
// #endif
|
|
// #ifdef APP-PLUS
|
|
from: 'weixin',
|
|
// #endif
|
|
member_type: this.memberType[this.tykindex].id,
|
|
price: this.memberType[this.tykindex].pre_price,
|
|
money: this.memberType[this.tykindex].price,
|
|
libao_id: this.newcomer_products[this.libaoindex].product_id
|
|
// #ifdef H5
|
|
quitUrl: location.port ? location.protocol + '//' + location.hostname + ':' + location.port +
|
|
'/pages/annex/vip_paid/index' : location.protocol + '//' + location.hostname +
|
|
'/pages/annex/vip_paid/index'
|
|
// #endif
|
|
};
|
|
// #ifdef MP
|
|
openPaySubscribe().then(() => {
|
|
memberCardCreate(query).then(res => {
|
|
// if (parseFloat(this.svip.pre_price) > 0) {
|
|
// uni.hideLoading()
|
|
// uni.reLaunch({
|
|
// url: `/pages/goods/cashier/index?order_id=${res.data.order_id}&from_type=vip`
|
|
// })
|
|
// } else {
|
|
// uni.hideLoading();
|
|
// this.onLunch();
|
|
// return this.$util.Tips({
|
|
// title: '成功开启0元试用',
|
|
// });
|
|
// }
|
|
uni.hideLoading()
|
|
if (this.memberType[this.tykindex].is_libao != 1) {
|
|
uni.redirectTo({
|
|
url: `/pages/goods/cashier/index?order_id=${res.data.order_id}&from_type=vip`
|
|
})
|
|
}
|
|
|
|
}).catch(err => {
|
|
uni.showToast({
|
|
title: err
|
|
});
|
|
});
|
|
});
|
|
// #endif
|
|
// #ifndef MP
|
|
memberCardCreate(query).then(res => {
|
|
uni.hideLoading()
|
|
uni.redirectTo({
|
|
url: `/pages/goods/cashier/index?order_id=${res.data.order_id}&from_type=vip`
|
|
})
|
|
}).catch(err => {
|
|
uni.showToast({
|
|
title: err,
|
|
icon: 'none'
|
|
});
|
|
});
|
|
// #endif
|
|
},
|
|
goRightDetail() {
|
|
uni.navigateTo({
|
|
url: `/pages/annex/vip_paid_rights/index`
|
|
});
|
|
},
|
|
gouwu(item) {
|
|
if (item.id == '7') {
|
|
this.$refs.popup.open('center')
|
|
this.guzkneirong = item
|
|
} else {
|
|
if(this.userInfo.pay_vip_status){
|
|
this.yaoqing()
|
|
}else{
|
|
uni.showToast({
|
|
title: '请先购买会员',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
close() {
|
|
this.$refs.popup.close('center')
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.tykxz {
|
|
border: 1px solid #F8A617;
|
|
}
|
|
|
|
.popupbox {
|
|
width: 600rpx;
|
|
background: #28282A;
|
|
border-radius: 20rpx;
|
|
padding: 34rpx;
|
|
|
|
|
|
.popupboxtitle {
|
|
text-align: center;
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 36rpx;
|
|
color: #FFFFFF;
|
|
margin-top: 40rpx;
|
|
margin-bottom: 47rpx;
|
|
}
|
|
|
|
.neir {
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #C6C4CA;
|
|
line-height: 30rpx;
|
|
height: 400px;
|
|
overflow-y: auto;
|
|
}
|
|
.neir ::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
color: transparent;
|
|
}
|
|
}
|
|
|
|
.fotbut {
|
|
width: 702rpx;
|
|
height: 90rpx;
|
|
background: #F8A617;
|
|
border-radius: 45rpx;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
line-height: 90rpx;
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 30rpx;
|
|
color: #080313;
|
|
margin-bottom: 48rpx;
|
|
}
|
|
|
|
.xitext {
|
|
text-align: center;
|
|
padding-top: 70rpx;
|
|
background: black;
|
|
margin-top: -35rpx;
|
|
// margin-bottom: 34rpx;
|
|
}
|
|
|
|
.yuanjia {
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #7B7A7F;
|
|
text-decoration-line: line-through;
|
|
margin-top: 24rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.zsbox1 {
|
|
margin-right: 50rpx;
|
|
width: 340rpx;
|
|
height: 470rpx;
|
|
background: #1B1A1D;
|
|
border-radius: 20rpx;
|
|
padding: 2rpx;
|
|
}
|
|
|
|
.zsbox1xz {
|
|
// margin-right: 50rpx;
|
|
// width: 340rpx;
|
|
// height: 470rpx;
|
|
// background: #1B1A1D;
|
|
// border-radius: 20rpx;
|
|
border: 1px solid #F8A617;
|
|
}
|
|
|
|
.zsbox {
|
|
// width: 340rpx;
|
|
// height: 470rpx;
|
|
// background: #1B1A1D;
|
|
// border-radius: 20rpx;
|
|
// border: 2px solid #F8A617;
|
|
display: flex;
|
|
margin-left: 24rpx;
|
|
// height: 470rpx;
|
|
}
|
|
|
|
.zsboxtitle {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.maleft24 {
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.quanyibox {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 700rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
.quanyibox1 {
|
|
width: 340rpx;
|
|
height: 150rpx;
|
|
background: #1F1E21;
|
|
border-radius: 10rpx;
|
|
display: flex;
|
|
|
|
.quanyibox1img {
|
|
margin-top: 30rpx;
|
|
margin-left: 50rpx;
|
|
}
|
|
|
|
.quanyibox1wz {
|
|
margin-left: 22rpx;
|
|
margin-top: 60rpx;
|
|
}
|
|
}
|
|
|
|
.quanyibox2 {
|
|
width: 340rpx;
|
|
height: 150rpx;
|
|
background: #1F1E21;
|
|
border-radius: 10rpx;
|
|
margin-top: 30rpx;
|
|
text-align: center;
|
|
|
|
.quanyibox2wz {
|
|
margin-top: 30rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
}
|
|
|
|
.hyqy {
|
|
margin: 30rpx 0 28rpx 27rpx;
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 32rpx;
|
|
color: #C6C4CA;
|
|
}
|
|
|
|
.hyqydlbao {
|
|
margin: 30rpx auto;
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 32rpx;
|
|
color: #C6C4CA;
|
|
text-align: center;
|
|
}
|
|
|
|
.vipxinbox {
|
|
width: 702rpx;
|
|
height: 280rpx;
|
|
margin: 0 auto;
|
|
margin-top: 50rpx;
|
|
|
|
.vipxinboximg {
|
|
width: 702rpx;
|
|
height: 280rpx;
|
|
}
|
|
}
|
|
|
|
.vipwzbox {
|
|
margin-top: -290rpx;
|
|
|
|
.yqju {
|
|
width: 160rpx;
|
|
height: 60rpx;
|
|
background: #080313;
|
|
border-radius: 30rpx 0rpx 0rpx 30rpx;
|
|
opacity: 0.7;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
float: right;
|
|
margin-top: -70rpx;
|
|
}
|
|
|
|
.title1 {
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: bold;
|
|
font-size: 48rpx;
|
|
color: #080313;
|
|
margin-top: 70rpx;
|
|
margin-left: 50rpx;
|
|
}
|
|
|
|
.title2 {
|
|
font-family: Alibaba PuHuiTi;
|
|
font-weight: 400;
|
|
font-size: 30rpx;
|
|
color: #080313;
|
|
margin-top: 23rpx;
|
|
margin-left: 50rpx;
|
|
}
|
|
}
|
|
|
|
.vipPaid {
|
|
padding-bottom: 172rpx;
|
|
}
|
|
|
|
.headerBg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
// height: 820rpx;
|
|
}
|
|
|
|
.card-section {
|
|
position: relative;
|
|
height: 528rpx;
|
|
padding-top: 48rpx;
|
|
border-bottom-right-radius: 48rpx;
|
|
|
|
.vip-paid {
|
|
position: absolute;
|
|
top: 40rpx;
|
|
right: 52rpx;
|
|
width: 229rpx;
|
|
height: 329rpx;
|
|
}
|
|
|
|
.expect {
|
|
padding: 32rpx 0 58rpx 36rpx;
|
|
|
|
.image {
|
|
display: block;
|
|
width: 414rpx;
|
|
height: 76rpx;
|
|
}
|
|
|
|
.mark {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 48rpx;
|
|
padding: 0 24rpx;
|
|
border-radius: 24rpx;
|
|
margin-top: 12rpx;
|
|
background: linear-gradient(-270deg, #E7B667 0%, #FFEAB5 100%);
|
|
font-size: 28rpx;
|
|
line-height: 48rpx;
|
|
color: #7E4B06;
|
|
|
|
.number {
|
|
margin: 0 8rpx;
|
|
font-family: SemiBold;
|
|
font-size: 36rpx;
|
|
color: var(--view-theme);
|
|
}
|
|
}
|
|
}
|
|
|
|
.avatar-wrap {
|
|
min-height: 236rpx;
|
|
padding: 62rpx 0 0 40rpx;
|
|
|
|
.arrow {
|
|
margin-top: 12rpx;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: rgba(254, 227, 174, 0.6);
|
|
|
|
.iconfont {
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
|
|
.text {
|
|
flex: 1;
|
|
margin-left: 15rpx;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: #89735B;
|
|
|
|
.shopName {
|
|
max-width: 164rpx;
|
|
}
|
|
|
|
.name {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-weight: 500;
|
|
font-size: 32rpx;
|
|
line-height: 44rpx;
|
|
background: linear-gradient(-270deg, #FACB7A 0%, #FFF3D5 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
.avatar {
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 50%;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.tips {
|
|
margin-top: 6rpx;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: rgba(254, 227, 174, 0.8);
|
|
}
|
|
|
|
.info {
|
|
margin-top: 74rpx;
|
|
font-size: 24rpx;
|
|
color: #AE5A2A;
|
|
}
|
|
|
|
.num {
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.btn {
|
|
width: 146rpx;
|
|
height: 44rpx;
|
|
border-radius: 22rpx;
|
|
background-color: #FFFFFF;
|
|
line-height: 44rpx;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.right-section {
|
|
.section-hd {
|
|
padding: 32rpx 32rpx 36rpx;
|
|
font-weight: 500;
|
|
font-size: 30rpx;
|
|
line-height: 44rpx;
|
|
color: rgba(250, 204, 125, 0.8);
|
|
|
|
.arrow {
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
line-height: 34rpx;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.iconfont {
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
|
|
.section-bd {
|
|
padding: 0 0 32rpx;
|
|
|
|
.item {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.image-wrap {
|
|
position: relative;
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
|
|
.image-wrap-inner {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
.image-inner {
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.text {
|
|
margin-top: 28rpx;
|
|
text-align: center;
|
|
font-size: 20rpx;
|
|
line-height: 28rpx;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.name {
|
|
margin-bottom: 8rpx;
|
|
font-size: 26rpx;
|
|
line-height: 37rpx;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
}
|
|
}
|
|
|
|
.other-section {
|
|
position: relative;
|
|
}
|
|
|
|
.type-section {
|
|
padding: 20rpx;
|
|
|
|
.type-section-inner {
|
|
border-radius: 24rpx;
|
|
// background-color: #FFFFFF;
|
|
}
|
|
|
|
.title {
|
|
padding: 32rpx 32rpx 36rpx;
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
background: linear-gradient(180deg, #FFEFCE 0%, #FFFFFF 100%);
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 44rpx;
|
|
color: #333333;
|
|
|
|
.bold {
|
|
display: inline-block;
|
|
margin-right: 14rpx;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
color: #333333;
|
|
|
|
+view {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
.time {
|
|
margin-left: 14rpx;
|
|
font-size: 24rpx;
|
|
color: #AE5A2A;
|
|
}
|
|
|
|
.cash {
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
line-height: 36rpx;
|
|
color: rgba(217, 126, 29, 0.8);
|
|
}
|
|
}
|
|
|
|
.scroll {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.item {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 220rpx;
|
|
padding: 36rpx 0 32rpx;
|
|
border: 1rpx solid #DDDDDD;
|
|
border-radius: 24rpx;
|
|
margin: 16rpx 24rpx 32rpx 0;
|
|
|
|
&:first-child {
|
|
margin: 16rpx 24rpx 32rpx 32rpx;
|
|
}
|
|
|
|
&:last-child {
|
|
margin: 16rpx 32rpx 32rpx 0;
|
|
}
|
|
|
|
&.on {
|
|
border: 2rpx solid #D97E1D;
|
|
background: linear-gradient(180deg, #FFFFFF 0%, #FEF5E6 100%);
|
|
}
|
|
|
|
.badge {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 44rpx;
|
|
padding: 0 12rpx;
|
|
border-radius: 22rpx 22rpx 22rpx 0;
|
|
margin-top: -18rpx;
|
|
background: linear-gradient(90deg, #FF7931 0%, #E93323 100%);
|
|
font-size: 24rpx;
|
|
line-height: 44rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.name {
|
|
text-align: center;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
color: #7E4B06;
|
|
}
|
|
|
|
.button {
|
|
width: 142rpx;
|
|
height: 52rpx;
|
|
border-radius: 22rpx;
|
|
margin: 18rpx auto 0;
|
|
background-color: #FEE8BC;
|
|
text-align: center;
|
|
font-size: 22rpx;
|
|
line-height: 52rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
.new {
|
|
margin-top: 16rpx;
|
|
text-align: center;
|
|
font-family: SemiBold;
|
|
font-size: 36rpx;
|
|
line-height: 62rpx;
|
|
color: #333333;
|
|
|
|
.num {
|
|
// margin-left: 4rpx;
|
|
font-size: 52rpx;
|
|
}
|
|
}
|
|
|
|
.old {
|
|
margin-top: 4rpx;
|
|
text-decoration: line-through;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
line-height: 34rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.info {
|
|
margin-top: 4rpx;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
line-height: 34rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.agree {
|
|
font-size: 22rpx;
|
|
text-align: center;
|
|
color: #797979;
|
|
|
|
.link {
|
|
display: inline-block;
|
|
}
|
|
|
|
.mark {
|
|
color: #AE5A2A;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footer-placeholder {
|
|
// height: 152rpx;
|
|
// height: calc(152rpx + constant(safe-area-inset-bottom));
|
|
// height: calc(152rpx + env(safe-area-inset-bottom));
|
|
}
|
|
|
|
.footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 22rpx 20rpx;
|
|
padding-bottom: calc(22rpx + constant(safe-area-inset-bottom));
|
|
padding-bottom: calc(22rpx + env(safe-area-inset-bottom));
|
|
// background-color: #FFFFFF;
|
|
|
|
.text {
|
|
flex: 1;
|
|
height: 108rpx;
|
|
padding-left: 48rpx;
|
|
border-radius: 54rpx 0 0 54rpx;
|
|
background-color: #222222;
|
|
font-size: 28rpx;
|
|
color: #FACC7D;
|
|
}
|
|
|
|
.symbol {
|
|
font-weight: 600;
|
|
font-size: 40rpx;
|
|
}
|
|
|
|
.number {
|
|
font-family: SemiBold;
|
|
font-size: 56rpx;
|
|
}
|
|
|
|
.original {
|
|
margin-left: 16rpx;
|
|
text-decoration: line-through;
|
|
font-size: 28rpx;
|
|
color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.buy {
|
|
position: relative;
|
|
width: 266rpx;
|
|
height: 108rpx;
|
|
border-radius: 0 54rpx 54rpx 0;
|
|
background: linear-gradient(to right, #FFDD9C, #EEA82F);
|
|
font-weight: 500;
|
|
font-size: 36rpx;
|
|
color: #7E4B06;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
border-width: 54rpx 20rpx;
|
|
border-style: solid;
|
|
border-color: #222222 transparent transparent #222222;
|
|
}
|
|
}
|
|
}
|
|
|
|
.coupon-section {
|
|
border-radius: 24rpx;
|
|
margin: 0 20rpx;
|
|
background-color: #FFFFFF;
|
|
|
|
.section-hd {
|
|
padding: 32rpx 32rpx 24rpx;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 44rpx;
|
|
color: #333333;
|
|
|
|
.link {
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
line-height: 36rpx;
|
|
color: #666666;
|
|
|
|
.iconfont {
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.section-bd {
|
|
padding-bottom: 24rpx;
|
|
white-space: nowrap;
|
|
|
|
.item {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 151rpx;
|
|
padding: 0 6rpx;
|
|
border-radius: 24rpx;
|
|
margin: 20rpx 14rpx 0 0;
|
|
background-color: #E0A558;
|
|
|
|
&:first-child {
|
|
margin-left: 32rpx;
|
|
}
|
|
|
|
.inner {
|
|
padding-bottom: 76rpx;
|
|
border: 2rpx solid #FFEDCA;
|
|
border-radius: 12rpx;
|
|
margin-top: -20rpx;
|
|
background-color: #FFFFFF;
|
|
|
|
.type {
|
|
width: 96rpx;
|
|
height: 38rpx;
|
|
border-radius: 0 0 12rpx 12rpx;
|
|
background-color: rgba(224, 165, 88, 0.2);
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 20rpx;
|
|
line-height: 38rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
&.gray {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAACUCAMAAACJHEMxAAAAeFBMVEUAAAC/v7/f39/V1dXf39/c3Nzh4eHc3Nze3t7a2tre3t7f39/e3t7d3d3e3t7d3d3f39/e3t7e3t7e3t7d3d3e3t7e3t7d3d3d3d3e3t7d3d3e3t7f39/h4eHi4uLn5+fo6Ojp6enq6urs7Ozu7u7v7+/w8PDx8fEswD7yAAAAG3RSTlMABAgMECQrLC8we4+Tl6uvr7/Dz9PT5+vz9/vtB+63AAADZElEQVR42u3Zy3baMBSFYbmmsaFuIRcKxdixi5He/w0LGJtLljrA1mby7xFZyehbyjkS25hD0uzjT06CZP2RpabNt59wBM0mi47O0RsUofN6lM5wCJ/MmOkGBsH0SDjQqiO9BEGRd5NEcTJbIREuv2dJHCXtDW+yuPlVUTfWkYdim6q4wfw1Mde5lq5QHmZdXWEuzG0ml+mxc7Yut/zLP5Zt+de63WVuTO6gzaz7Ve32BV5DUuxdf6Zn985m2v2VszgPlba9YfIFOu4PdIXU0NSuPn+KvdCN40APTukaL3Q3OqzDaXic9Y6Obhk6oMeAdr5l2F/vgB4VenV/vZvnQIeAzue353meAx0GOp+fz3Qaxen1l0pAjwydr2ZpHKXmf39CxoBuAzTQQBOggQZ6etcZAj029KkznH7pDIEeGdrXGQI9LvSCL5Uk0P7OEOhRof2dIdCjQvs7Q6BHhY6BfhY0o0M0OliGmmXI9S4MNJ2h6sFCZ6h6gtMZiqDpDFXQbYAGGmgCNNBA0xmGhqYz1EDTGWqg6Qw10HSGImg6QxE0naEIms7wadCMDtHoYBlqliHXuzDQdIaqBwudoeoJTmcogqYzVEG3ARpooAnQQANNZxgams5QA01nqIGmM9RA0xmKoOkMRdB0hiJoOsOnQTM6RKODZahZhlzvwkDTGaoeLHSGqic4naEIms5QBd0GaKCBJkADDTSdYWhoOkMNNJ2hBprOUANNZyiCpjMUQdMZiqDpDJ8GzegQjQ6WoWYZcr0LA01nqHqw0BmqnuB0hiJoOkMVdBuggQaaAA000HSGoaHpDDXQdIYaaDpDDTSdoQiazlAETWcogqYzfBo0o0M0OliGmmXI9S4MNJ2h6sFCZ6h6gtMZiqDpDFXQbYAGGmgCNNBA0xmGhqYz1EDTGWqg6Qw10HSGImh/Z2iBHgPanj/4O8PGlTgNTema8yd/Z1i7CqihqXpEf2dYOFsgNSyFdYV3dHTL8HCk90gPc967Ovctw8nlcbhz9rPc4vVYtuWndbv+R39neJww1pEBsddbztsZns5+3WD9qHJT3U7erjN8uesMydg5dYYvZomEIu8mA0GRzEw3KITP5nCf5khLDrQx0RsOofMaHe8dEWc68NzIou57jmy5xiNM1ssf34/G/wD2nqj2ECBXfgAAAABJRU5ErkJggg==");
|
|
|
|
.btn {
|
|
color: #9F9F9F;
|
|
}
|
|
|
|
.money {
|
|
color: #fff;
|
|
|
|
.num {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.name {
|
|
color: #fff;
|
|
}
|
|
|
|
.text {
|
|
color: #9F9F9F;
|
|
}
|
|
|
|
.mark {
|
|
color: #A8A8A8;
|
|
}
|
|
}
|
|
|
|
.btn {
|
|
width: 52rpx;
|
|
padding-right: 14rpx;
|
|
padding-left: 14rpx;
|
|
white-space: pre-wrap;
|
|
font-size: 24rpx;
|
|
color: #5D3324;
|
|
}
|
|
|
|
.text {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 76rpx;
|
|
padding-top: 30rpx;
|
|
background-image: url("data:image/png;base64,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");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.name {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: bold;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
color: #5D3324;
|
|
}
|
|
|
|
.mark {
|
|
text-align: center;
|
|
font-weight: 500;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: rgba(250, 204, 125, 0.8);
|
|
}
|
|
|
|
.money {
|
|
margin-top: 16rpx;
|
|
text-align: center;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
line-height: 44rpx;
|
|
color: #E0A558;
|
|
}
|
|
|
|
.num {
|
|
font-family: SemiBold;
|
|
font-size: 44rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.recommend /deep/ .fw-500 {
|
|
font-weight: bold;
|
|
}
|
|
</style> |