|
|
|
|
@ -2,26 +2,27 @@ |
|
|
|
|
<!-- svip会员模块 --> |
|
|
|
|
<view> |
|
|
|
|
<view class=""> |
|
|
|
|
<!-- #ifdef MP --> |
|
|
|
|
<!-- <NavBar titleText="SVIP会员" :iconColor="iconColor" :textColor="iconColor" :isScrolling="isScrolling" showBack> |
|
|
|
|
<!-- #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 class="topdaohang" @click="fanhui"> |
|
|
|
|
<uni-icons type="left" size="18" color="white"></uni-icons> |
|
|
|
|
<text>会员中心</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="hyqy">会员权益</view> |
|
|
|
|
<!-- <view class="card-section"> |
|
|
|
|
<!-- #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"> |
|
|
|
|
|
|
|
|
|
@ -51,8 +52,8 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<!-- 选择卡种 --> |
|
|
|
|
<!-- <view class="other-section"> |
|
|
|
|
<!-- 选择卡种 --> |
|
|
|
|
<!-- <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"> |
|
|
|
|
@ -96,78 +97,64 @@ |
|
|
|
|
<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"> |
|
|
|
|
<image :src="item.image" mode="" class="wh90 quanyibox1img" ></image> |
|
|
|
|
<view class="colorhui1 quanyibox1wz">{{item.title}}</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- <view class="quanyibox1" @click='yaoqing'> |
|
|
|
|
<view class="quanyibox"> |
|
|
|
|
<view class="quanyibox1" @click="gouwu(item)" v-for="(item,index) in memberRights" :key="index"> |
|
|
|
|
<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="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 class="other-section" v-if="memberType[tykindex].is_libao==1"> |
|
|
|
|
<view class="type-section" id="card"> |
|
|
|
|
<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> --> |
|
|
|
|
<view class="zsbox"> |
|
|
|
|
<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.store_name}}</view> |
|
|
|
|
<view class="maleft24"> |
|
|
|
|
<text class="colorzong"> |
|
|
|
|
￥{{item.price}} |
|
|
|
|
</text> |
|
|
|
|
<text class="yuanjia"> |
|
|
|
|
￥{{item.ot_price}} |
|
|
|
|
</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-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> |
|
|
|
|
</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 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.store_name}}</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> |
|
|
|
|
</label> |
|
|
|
|
</checkbox-group> |
|
|
|
|
</view> |
|
|
|
|
<view class="fotbut" @tap="ljlingka" v-else> |
|
|
|
|
立即领卡 |
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
<!-- <view class="" style="height: 48rpx;"></view> --> |
|
|
|
|
<!-- <view class="footer"> |
|
|
|
|
|
|
|
|
|
<!-- <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 |
|
|
|
|
@ -177,17 +164,18 @@ |
|
|
|
|
</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> |
|
|
|
|
<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> |
|
|
|
|
<view class="neir"> |
|
|
|
|
{{guzkneirong.content}} |
|
|
|
|
<view class="neir" v-html="guzkneirong.content"> |
|
|
|
|
<!-- {{guzkneirong.content}} --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</uni-popup> |
|
|
|
|
</view> |
|
|
|
|
</uni-popup> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
@ -210,8 +198,12 @@ |
|
|
|
|
import { |
|
|
|
|
toLogin |
|
|
|
|
} from '@/libs/login.js'; |
|
|
|
|
import {newcomerList} from'@/api/api.js' |
|
|
|
|
import {postCartAdd} from'@/api/store.js' |
|
|
|
|
import { |
|
|
|
|
newcomerList |
|
|
|
|
} from '@/api/api.js' |
|
|
|
|
import { |
|
|
|
|
postCartAdd |
|
|
|
|
} from '@/api/store.js' |
|
|
|
|
import { |
|
|
|
|
openPaySubscribe |
|
|
|
|
} from '@/utils/SubscribeMessage.js'; |
|
|
|
|
@ -239,14 +231,14 @@ |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
number:0, |
|
|
|
|
newcomer_products:[], |
|
|
|
|
ishyxy:false, |
|
|
|
|
r1:'', |
|
|
|
|
checkboxValue1:'', |
|
|
|
|
guzkneirong:{}, |
|
|
|
|
tykindex:0, |
|
|
|
|
libaoindex:0, |
|
|
|
|
number: 0, |
|
|
|
|
newcomer_products: [], |
|
|
|
|
ishyxy: false, |
|
|
|
|
r1: '', |
|
|
|
|
checkboxValue1: '', |
|
|
|
|
guzkneirong: {}, |
|
|
|
|
tykindex: 0, |
|
|
|
|
libaoindex: 0, |
|
|
|
|
memberType: [], |
|
|
|
|
userInfo: {}, |
|
|
|
|
memberRights: [], |
|
|
|
|
@ -300,65 +292,67 @@ |
|
|
|
|
// #endif |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
ljlingka(){ |
|
|
|
|
ljlingka() { |
|
|
|
|
// this.createMemberCard('weixin'); |
|
|
|
|
if(this.ishyxy){ |
|
|
|
|
let data={ |
|
|
|
|
if (this.ishyxy) { |
|
|
|
|
let data = { |
|
|
|
|
addressId: "", |
|
|
|
|
cartNum: 1, |
|
|
|
|
delivery_type:'', |
|
|
|
|
delivery_type: '', |
|
|
|
|
new: 1, |
|
|
|
|
productId:this.newcomer_products[this.libaoindex].product_id, |
|
|
|
|
store_id:uni.getStorageSync('mendianstore_id'), |
|
|
|
|
productId: this.newcomer_products[this.libaoindex].product_id, |
|
|
|
|
store_id: uni.getStorageSync('mendianstore_id'), |
|
|
|
|
uniqueId: "" |
|
|
|
|
}; |
|
|
|
|
postCartAdd(data).then(res=>{ |
|
|
|
|
console.log(987,res); |
|
|
|
|
postCartAdd(data).then(res => { |
|
|
|
|
console.log(987, res); |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:'/pages/goods/order_confirm/index?huiyuanka=1&product_id=' |
|
|
|
|
+this.newcomer_products[this.libaoindex].product_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 |
|
|
|
|
url: '/pages/goods/order_confirm/index?huiyuanka=1&product_id=' + |
|
|
|
|
this.newcomer_products[this.libaoindex].product_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 |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
this.$util.Tips({ |
|
|
|
|
title: '请选择会员卡协议' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getnewcomerList(){ |
|
|
|
|
newcomerList().then(res=>{ |
|
|
|
|
this.newcomer_products=res.data.newcomer_products |
|
|
|
|
getnewcomerList() { |
|
|
|
|
newcomerList().then(res => { |
|
|
|
|
this.newcomer_products = res.data.newcomer_products |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
change(e){ |
|
|
|
|
if(e.detail.value.length!=0){ |
|
|
|
|
this.ishyxy=true |
|
|
|
|
}else{ |
|
|
|
|
this.ishyxy=false |
|
|
|
|
change(e) { |
|
|
|
|
if (e.detail.value.length != 0) { |
|
|
|
|
this.ishyxy = true |
|
|
|
|
} else { |
|
|
|
|
this.ishyxy = false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
tykxzindex(i){ |
|
|
|
|
this.tykindex=i |
|
|
|
|
console.log(45,this.memberType[this.tykindex].pre_price); |
|
|
|
|
tykxzindex(i) { |
|
|
|
|
this.tykindex = i |
|
|
|
|
console.log(45, this.memberType[this.tykindex].pre_price); |
|
|
|
|
}, |
|
|
|
|
yaoqing(){ |
|
|
|
|
yaoqing() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:'/pages/annex/yaoqing/yaoqing' |
|
|
|
|
url: '/pages/annex/yaoqing/yaoqing' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
fanhui(){ |
|
|
|
|
fanhui() { |
|
|
|
|
uni.navigateBack() |
|
|
|
|
}, |
|
|
|
|
lbxzclick(e){ |
|
|
|
|
this.libaoindex=e |
|
|
|
|
lbxzclick(e) { |
|
|
|
|
this.libaoindex = e |
|
|
|
|
}, |
|
|
|
|
yqju() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
url:'/pages/annex/record/record' |
|
|
|
|
url: '/pages/annex/record/record' |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
onLunch() { |
|
|
|
|
@ -366,10 +360,10 @@ |
|
|
|
|
this.groomList(); |
|
|
|
|
}, |
|
|
|
|
pay() { |
|
|
|
|
console.log('checkboxValue1',this.r1); |
|
|
|
|
if(this.ishyxy){ |
|
|
|
|
console.log('checkboxValue1', this.r1); |
|
|
|
|
if (this.ishyxy) { |
|
|
|
|
this.createMemberCard('weixin'); |
|
|
|
|
}else{ |
|
|
|
|
} else { |
|
|
|
|
this.$util.Tips({ |
|
|
|
|
title: '请选择会员卡协议' |
|
|
|
|
}) |
|
|
|
|
@ -406,17 +400,17 @@ |
|
|
|
|
this.userInfo = is_get_free.user_info; |
|
|
|
|
this.memberRights = member_rights; |
|
|
|
|
this.memberType = member_type; |
|
|
|
|
this.memberRights.forEach(el=>{ |
|
|
|
|
console.log('el',el); |
|
|
|
|
if(el.id=='7'){ |
|
|
|
|
this.number=el.number |
|
|
|
|
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'); |
|
|
|
|
}; |
|
|
|
|
// 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); |
|
|
|
|
@ -497,7 +491,7 @@ |
|
|
|
|
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 |
|
|
|
|
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 + |
|
|
|
|
@ -520,12 +514,12 @@ |
|
|
|
|
// }); |
|
|
|
|
// } |
|
|
|
|
uni.hideLoading() |
|
|
|
|
if(this.memberType[this.tykindex].is_libao!=1){ |
|
|
|
|
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 |
|
|
|
|
@ -552,33 +546,35 @@ |
|
|
|
|
url: `/pages/annex/vip_paid_rights/index` |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
gouwu(item){ |
|
|
|
|
if(item.id=='7'){ |
|
|
|
|
this.$refs.popup.open('center') |
|
|
|
|
this.guzkneirong=item |
|
|
|
|
}else{ |
|
|
|
|
gouwu(item) { |
|
|
|
|
if (item.id == '7') { |
|
|
|
|
this.$refs.popup.open('center') |
|
|
|
|
this.guzkneirong = item |
|
|
|
|
} else { |
|
|
|
|
this.yaoqing() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
close(){ |
|
|
|
|
this.$refs.popup.close('center') |
|
|
|
|
close() { |
|
|
|
|
this.$refs.popup.close('center') |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.tykxz{ |
|
|
|
|
.tykxz { |
|
|
|
|
border: 1px solid #F8A617; |
|
|
|
|
} |
|
|
|
|
.popupbox{ |
|
|
|
|
|
|
|
|
|
.popupbox { |
|
|
|
|
width: 600rpx; |
|
|
|
|
height: 400rpx; |
|
|
|
|
background: #28282A; |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
padding: 34rpx; |
|
|
|
|
.popupboxtitle{ |
|
|
|
|
|
|
|
|
|
.popupboxtitle { |
|
|
|
|
text-align: center; |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
@ -587,7 +583,8 @@ |
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
margin-bottom: 47rpx; |
|
|
|
|
} |
|
|
|
|
.neir{ |
|
|
|
|
|
|
|
|
|
.neir { |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
@ -595,7 +592,8 @@ |
|
|
|
|
line-height: 30rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.fotbut{ |
|
|
|
|
|
|
|
|
|
.fotbut { |
|
|
|
|
width: 702rpx; |
|
|
|
|
height: 90rpx; |
|
|
|
|
background: #F8A617; |
|
|
|
|
@ -609,12 +607,16 @@ |
|
|
|
|
color: #080313; |
|
|
|
|
margin-bottom: 48rpx; |
|
|
|
|
} |
|
|
|
|
.xitext{ |
|
|
|
|
|
|
|
|
|
.xitext { |
|
|
|
|
text-align: center; |
|
|
|
|
margin-top: 63rpx; |
|
|
|
|
padding-top: 70rpx; |
|
|
|
|
background: black; |
|
|
|
|
margin-top: -35rpx; |
|
|
|
|
// margin-bottom: 34rpx; |
|
|
|
|
} |
|
|
|
|
.yuanjia{ |
|
|
|
|
|
|
|
|
|
.yuanjia { |
|
|
|
|
font-family: Alibaba PuHuiTi; |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
@ -623,21 +625,24 @@ |
|
|
|
|
margin-top: 24rpx; |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
} |
|
|
|
|
.zsbox1{ |
|
|
|
|
|
|
|
|
|
.zsbox1 { |
|
|
|
|
margin-right: 50rpx; |
|
|
|
|
width: 340rpx; |
|
|
|
|
height: 470rpx; |
|
|
|
|
background: #1B1A1D; |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
} |
|
|
|
|
.zsbox1xz{ |
|
|
|
|
|
|
|
|
|
.zsbox1xz { |
|
|
|
|
// margin-right: 50rpx; |
|
|
|
|
// width: 340rpx; |
|
|
|
|
// height: 470rpx; |
|
|
|
|
// background: #1B1A1D; |
|
|
|
|
// border-radius: 20rpx; |
|
|
|
|
border: 1px solid #F8A617; |
|
|
|
|
border: 1px solid #F8A617; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.zsbox { |
|
|
|
|
// width: 340rpx; |
|
|
|
|
// height: 470rpx; |
|
|
|
|
@ -645,23 +650,28 @@ |
|
|
|
|
// border-radius: 20rpx; |
|
|
|
|
// border: 2px solid #F8A617; |
|
|
|
|
display: flex; |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
// height: 470rpx; |
|
|
|
|
} |
|
|
|
|
.zsboxtitle{ |
|
|
|
|
|
|
|
|
|
.zsboxtitle { |
|
|
|
|
white-space: nowrap; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
text-align: left; |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
} |
|
|
|
|
.maleft24{ |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
|
|
|
|
|
.maleft24 { |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.quanyibox { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
width: 700rpx; |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
width: 700rpx; |
|
|
|
|
margin-left: 24rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.quanyibox1 { |
|
|
|
|
@ -718,6 +728,7 @@ |
|
|
|
|
height: 280rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
margin-top: 50rpx; |
|
|
|
|
|
|
|
|
|
.vipxinboximg { |
|
|
|
|
width: 702rpx; |
|
|
|
|
height: 280rpx; |
|
|
|
|
|
LGX
7 months ago