Skip to content

M
mallapp
Commit 6a13e355 authored by Mac's avatar Mac
Browse files
Options

1

parent b6f5a40a
Hide whitespace changes
Inline Side-by-side
Showing with 226 additions and 2 deletions
pages.json
View file @ 6a13e355
......@@ -590,6 +590,11 @@
"path":"personal/mydate"//我的约会
},{
"path":"circleNews"//圈子消息
},{
"path":"personal/buyvip",//会员购买
"style": {
"navigationStyle": "custom"
}
}]
},
//韩国馆项目 { "root": "pages/kotra", "pages": [{ "path": "contanctus" },{ "path": "contanctDetail" },{ "path": "compInformation" },{
......
pages/blindDate/personal/buyvip.vue 0 → 100644
View file @ 6a13e355
<style>
.buyvip{
width: 100%;
height: 100vh;
}
.buyvip .headStatus {
overflow: hidden;
position: relative;
width: 140vw;
padding-right: 40vw;
padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
background: #FFFFFF;
align-items: center;
justify-content: space-between;
}
.buyvip .headStatus .arrow {
height: 24px;
margin: 5px 10px;
width: 24px;
}
.buyvip .headStatus .title {
font-size: 16px;
color: #000;
flex: 1;
width: 1px;
margin-left: 10px;
line-height: 34px;
}
.buyvip .pd-box{
height: 100%;
}
.buyvip .sharebox_top_nav {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 44px;
padding: 0 10px;
position: absolute;
left: 0;
top: 0;
}
.buyvip .Listbox{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.buyvip .Listbox-item{
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
height: 200rpx;
align-items: center;
justify-content: center;
}
.buyvip .list-item-text{
width: calc(100vw / 4);
margin-top: 5px;
text-align: center;
}
.buyvip .xaingq{
width: 100%;
background:linear-gradient( #EFB252, #FCD7A3);
padding-bottom:30px ;
}
.buyvip .buybtn{
width: calc(100vw - 30px);
margin-left: 15px;
height: 45px;
margin-top: 54px;
background:linear-gradient(to right, #13100E, #393939);
font-size: 16px;
color: #F3E5C3;
display: flex;
align-items: center;
justify-content: center;
border-radius: 22.5px;
}
</style>
<template>
<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="height: 100vh;">
<view class="buyvip" >
<view class="headStatus" v-if="scrollTop > 50" :style="[headStyle,
{
zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop,
},
]">
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#000"></u-icon>
</view>
<view class="title" v-if="scrollTop > 50">{{pageTitle}}</view>
<view class="arrow"></view>
</view>
<view class="pd-box" >
<view style="width: 100%;position: relative;">
<image :src="data.BackgroundImage" style="width: 100%;height: auto;" mode="widthFix"></image>
<view class="sharebox_top_nav" :style="{paddingTop:nav}">
<view class="arrow" @click="redirectPrev">
<u-icon name="arrow-left" size="48" color="#FFF"></u-icon>
</view>
<view class="title" style="color: #FFF;font-size: 16px;">{{pageTitle}}</view>
<view style="width: 24px;height: 24px;"></view>
</view>
</view>
<view style="width: 100%;padding: 10px 0px;">
<view v-if="data.EquityList.length>0">
<view style="font-size: 16px;color: #000000;font-weight: bold;padding: 0 15px;">会员权益</view>
<view class="Listbox" >
<view class="Listbox-item" v-for='(x,y) in data.EquityList' :key='y'>
<image :src="x.ImagePath" style="width: 74rpx;height: auto;" mode="widthFix"></image>
<text class="list-item-text" style="font-size: 12px;color: #000000;">{{x.Title}}</text>
<text class="list-item-text" style="font-size: 10px;color: #888888;">{{x.Title}}</text>
</view>
</view>
</view>
</view>
<view class="xaingq">
<view style="padding: 15px">
<view style="width: 100%;background: #FFF;border-radius: 8px;padding: 10px;">
<rich-text :nodes="data.MemberSpecification" ></rich-text>
</view>
</view>
<view class="buybtn">
<text style="color: #00C6C1;margin-right: 5px;font-family: aa;">￥{{data.MemberBuyMoney?data.MemberBuyMoney.toFixed(2):0}}</text>
立即购买
</view>
</view>
</view>
</view>
</scroll-view>
</template>
<script>
export default{
data(){
return{
pageTitle: '会员权益',
MemberGradeId:0,
mainColor:'',
scrollTop:0,
headStyle: {},
nav:0,
data:{},
}
},
created() {
this.mainColor = this.$uiConfig.mainColor;
uni.setNavigationBarTitle({
title: this.pageTitle,
});
this.nav = uni.getMenuButtonBoundingClientRect().top + 'px';
this.headStyle.paddingTop = this.nav;
},
onLoad(option) {
if(option && option.Id){
this.MemberGradeId = option.Id
}
this.GetUserMemberVipGradeInfo()
},
methods:{
scrollHandler(e) {
this.scrollTop = e.detail.scrollTop;
},
scrollTopHandler() {
this.scrollTop = 0;
},
redirectPrev() {
uni.navigateBack({
delta: 1,
});
},
GetUserMemberVipGradeInfo(){
this.request2({
url: '/api/appletuser/GetUserMemberVipGradeInfo',
data: {MemberGradeId:this.MemberGradeId}
},
res => {
if (res.resultCode == 1) {
this.data = res.data
}
}
);
}
}
}
</script>
pages/user-center/components/blinddate-user.vue
View file @ 6a13e355
......@@ -61,7 +61,9 @@
</view>
</view>
</view>
<view class="buyvip" v-if="user_info.identity.is_member_vipbuy== true && user_info.identity.member_vipgrade_Id>0 && user_info.identity.member_level==0" @click="gobuyvip(user_info.identity.member_vipgrade_Id)">
<image :src='meueData.user_center.member_buy_vip_url' style="width: 100%;height: auto;" mode="widthFix"></image>
</view>
<view class="order_bar paike" style="" @click="gopointBalance">
<view style="display: flex;align-items: center;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/base-xx.png" style="width: 22px;height: auto" mode='widthFix'></image>
......@@ -112,7 +114,7 @@
headStyle: {},
nav:0,
mainColor:'',
is_icon_members_grade:0,
}
},
created() {
......@@ -130,6 +132,7 @@
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
this.is_icon_members_grade = uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_icon_members_grade :0;
},
methods:{
goUrl(url) {
......@@ -156,6 +159,12 @@
url: '/pages/appointment/personal/pointBalance'
});
},
gobuyvip(id){
uni.navigateTo({
url: '/pages/blindDate/personal/buyvip?Id='+id
});
}
}
}
</script>
......@@ -255,4 +264,8 @@
line-height: 30rpx;
margin-right: 10px;
}
.buyvip{
width: 100%;
padding: 0 15px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment