Skip to content

U
uniapp_vedio
Commit 6d0199e6 authored by mengcuiguang's avatar mengcuiguang
Browse files
Options

修改vip弹窗，添加vip返回挽留

parent 7375eeb9
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 592 additions and 217 deletions
vedio/common/utils/apiRequest.js
View file @ 6d0199e6
...@@ -92,7 +92,7 @@ let apiRequest = function({ ...@@ -92,7 +92,7 @@ let apiRequest = function({
option.data = data; option.data = data;
} }
} }
console.log('123')
// token处理 // token处理
let token = readToken(); let token = readToken();
if (!checkTokenWhiteList(token, url, urlModule)) { if (!checkTokenWhiteList(token, url, urlModule)) {
...@@ -123,7 +123,7 @@ let apiRequest = function({ ...@@ -123,7 +123,7 @@ let apiRequest = function({
...header ...header
} }
} }
console.log('123')
printInfo("start Req", option); printInfo("start Req", option);
let requestTask = uni.request({ let requestTask = uni.request({
...option, ...option,
......
vedio/components/coin-popup/coin-popup.vue
View file @ 6d0199e6
This diff is collapsed.
vedio/components/home/my.vue
View file @ 6d0199e6
...@@ -2,46 +2,42 @@ ...@@ -2,46 +2,42 @@
<view class="body"> <view class="body">
<view v-if="showMask" class="show-mask flex-v" @click="showMask=false"> <view v-if="showMask" class="show-mask flex-v" @click="showMask=false">
<view class="mt-30" style="width: 90%;text-align: right;"> <view class="mt-30" style="width: 90%;text-align: right;">
<image style="width: 30rpx;height: 30rpx;padding:6rpx; <image style="width: 30rpx;height: 30rpx;" src="@/static/index/ic_quit_white.png" mode="widthFix" />
border-radius: 40rpx;border: 2px solid darkgray;" src="@/static/index/ic_quit_white.png" />
</view> </view>
<text class="mt-10" style="font-size: 46rpx;">如何继续使用?</text> <text class="mt-10" style="font-size: 46rpx;">如何继续使用?</text>
<text class="m-10">找到“河狸小故事”小程序</text> <text class="m-10">找到“逸想小说阁”小程序</text>
<image class="mt-30" mode="widthFix" :src="maskImage1"></image> <image class="mt-30" mode="widthFix" :src="maskImage1"></image>
<image :src="maskImage2" mode="widthFix"></image> <image :src="maskImage2" mode="widthFix"></image>
</view> </view>
<view style="display: flex;flex-direction: row;align-items: center;margin: 20rpx;padding-left: 10rpx;"> <view class="avatar-root">
<image class="avatar" src="@/static/images/logo.png"></image> <image class="avatar" src="@/static/images/logo.png"></image>
<view style="padding-left: 30rpx;font-size: 22rpx;"> <view class="icon-root">
<view style="font-size: 34rpx;color: black;margin-bottom: 10rpx;">书友{{userBean.idcode}}</view> <view class="idcode">书友{{userBean.idcode}}</view>
<view v-if="isVip()" <view v-if="isVip()" class="icon-lable1">
style="color: #9B4029;border-radius: 20rpx;width:130rpx;text-align:center;background:linear-gradient(90deg,#F9BEA9,#FFDACA);">
普通用户 普通用户
</view> </view>
<view v-else <view v-else class="icon-lable2">
style="color: #392F2C;border-radius: 20rpx;width:130rpx;text-align:center;background:linear-gradient(90deg,#FAD198,#F7C98C);">
畅读VIP</view> 畅读VIP</view>
</view> </view>
</view> </view>
<view class="vip-label"> <view class="vip-label">
<image style="width: 100%;position: absolute;z-index: 1;" mode="widthFix" <image class="vip-bg" mode="widthFix"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_my.png"></image> src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_my.png"></image>
<view class="flex-v" style="z-index: 10;margin-left: 180rpx;"> <view class="flex-v" style="z-index: 10;margin-left: 180rpx;">
<view style="font-size: 34rpx;color: #FFE5BA;"> <view class="vip-title">
{{ isVip() ? '开通VIP会员' : 'VIP会员'}} {{ isVip() ? '开通VIP会员' : 'VIP会员'}}
</view> </view>
<view v-if="isVip()" style="font-size: 28rpx;color: #ADABAA;margin-top: 12rpx;"> <view class="vip-hint1" v-if="isVip()">
开通会员享更多福利</view> 开通会员享更多福利</view>
<view v-else style="font-size: 28rpx;color: #b5b5b5;margin-top: 12rpx;"> <view class="vip-hint2" v-else>
到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}</view> 到期时间:{{userBean.expireTime*1000 | formatDate('yyyy-MM-dd')}}</view>
</view> </view>
<view @click="handleCoinPay" <view class="vip-btn" @click="handleCoinPay">
style="width: 160rpx;height: 60rpx;background:linear-gradient(90deg,#FAD198,#F7C98C);border-radius:30rpx;color: #4F301D;font-size: 30rpx;text-align: center;line-height: 60rpx;z-index: 10;margin-right: 20rpx;">
{{ isVip() ? '去开通' : '已开通'}} {{ isVip() ? '去开通' : '已开通'}}
</view> </view>
</view> </view>
...@@ -51,25 +47,13 @@ ...@@ -51,25 +47,13 @@
<image class="setting-img" src="@/static/setting/setting_wddd.png"></image> <image class="setting-img" src="@/static/setting/setting_wddd.png"></image>
我的订单 我的订单
</view> </view>
<view v-if="false" class="item" @click="handleDotRecord">
<image class="setting-img" src="@/static/images/logo.png"></image>
书豆记录
</view>
<view v-if="false" class="item" @click="handleUseDotRecord">
<image class="setting-img" src="@/static/images/logo.png"></image>
消费记录
</view>
<view class="item" @click="handleReadRecord"> <view class="item" @click="handleReadRecord">
<image class="setting-img" src="@/static/setting/setting_ydjl.png"></image> <image class="setting-img" src="@/static/setting/setting_ydjl.png"></image>
阅读记录 阅读记录
</view> </view>
<view v-if="false" class="item" @click="handleFind">
<image class="setting-img" src="@/static/images/logo.png"></image>
如何找到我
</view>
<view class="item" @click="handleUnsign"> <view class="item" @click="handleUnsign">
<image class="setting-img" src="@/static/setting/setting_qxdy.png"></image> <image class="setting-img" src="@/static/setting/setting_qxdy.png"></image>
取消订阅 如何找到我
</view> </view>
<view class="item" @click="handlecdk"> <view class="item" @click="handlecdk">
<image class="setting-img" src="@/static/setting/setting_dhhy.png"></image> <image class="setting-img" src="@/static/setting/setting_dhhy.png"></image>
...@@ -81,11 +65,10 @@ ...@@ -81,11 +65,10 @@
</view> </view>
</view> </view>
<!-- <view style="display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;"> <coin-popup :show="showAnimate" @close="coinClose($event)" @paySuccess="paySuccess">
{{ versionName }}
</view> -->
<coin-popup :show="showAnimate" @close="showAnimate = false" @paySuccess="paySuccess">
</coin-popup> </coin-popup>
<vipback-popup :show="showVipbackPop" :vipBean="backvipBean" @vipbackclose="vipbackClose()"
@vipbackpaySuccess="vipbackpaySuccess" />
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" /> <kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
</view> </view>
</template> </template>
...@@ -97,7 +80,7 @@ ...@@ -97,7 +80,7 @@
import CoinPopup from "@/components/coin-popup/coin-popup.vue"; import CoinPopup from "@/components/coin-popup/coin-popup.vue";
import KefuPopup from "@/components/kefu-popup/kefu-popup.vue"; import KefuPopup from "@/components/kefu-popup/kefu-popup.vue";
import VipbackPopup from '@/components/vipback-popup/vipback-popup.vue';
import { import {
navigateTo, navigateTo,
message, message,
...@@ -114,17 +97,20 @@ ...@@ -114,17 +97,20 @@
name: 'index', name: 'index',
mixins: [common], mixins: [common],
components: { components: {
VipbackPopup,
CoinPopup, CoinPopup,
KefuPopup KefuPopup
}, },
data() { data() {
return { return {
showMask: false, showMask: false,
showVipbackPop: false,
showKefuPop: false, showKefuPop: false,
maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png', maskImage1: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find1.png',
maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png', maskImage2: 'https://mints-web.oss-cn-beijing.aliyuncs.com/images/bg_find2.png',
statusBarHeight: app.globalData.statusBarHeight, statusBarHeight: app.globalData.statusBarHeight,
userBean: {}, userBean: {},
backvipBean: null,
showAnimate: false, showAnimate: false,
versionName: '', versionName: '',
vipLabelBg: 'https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_my.png', vipLabelBg: 'https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_my.png',
...@@ -177,8 +163,7 @@ ...@@ -177,8 +163,7 @@
navigateTo(`/pagesD/readerRecord/readerRecord`) navigateTo(`/pagesD/readerRecord/readerRecord`)
}, },
handleCoinPay() { handleCoinPay() {
// this.showAnimate = true; this.showAnimate = true;
navigateTo(`/pagesA/vipPay/vipPay`)
}, },
handlePayRecord() { handlePayRecord() {
navigateTo(`/pagesD/payRecord/payRecord`) navigateTo(`/pagesD/payRecord/payRecord`)
...@@ -190,13 +175,7 @@ ...@@ -190,13 +175,7 @@
navigateTo(`/pagesA/cdkey/cdkey`) navigateTo(`/pagesA/cdkey/cdkey`)
}, },
handleUnsign() { handleUnsign() {
if (this.agreementDto) { this.showMask = true
let params = JSON.stringify(this.agreementDto)
navigateTo(`/pagesA/unsign/unsign?params=` + params)
return
}
message.notify('您未订阅会员');
}, },
handlePhone() { handlePhone() {
this.showKefuPop = true this.showKefuPop = true
...@@ -215,6 +194,39 @@ ...@@ -215,6 +194,39 @@
this.userBean = data; this.userBean = data;
} }
}); });
},
coinClose(e) {
let item = e.detail.data;
if (item != null) {
this.backvipBean = item;
setTimeout(() => {
this.showVipbackPop = true;
}, 300);
} else {
this.showAnimate = false;
}
console.log('mymymymymy', item);
},
vipbackClose() {
this.showAnimate = false;
this.showVipbackPop = false;
},
vipbackpaySuccess(largeType) {
// largeType=vip 开通vip
// largeType=point 购买书豆
message.notify('支付成功');
this.post({
url: '/user/baseMsg',
showLoading: false,
success: ({
data
}) => {
this.userBean = data;
}
});
this.vipbackClose();
} }
} }
}; };
...@@ -238,7 +250,7 @@ ...@@ -238,7 +250,7 @@
position: relative; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 60rpx 30rpx; margin: 70rpx 30rpx;
align-items: center; align-items: center;
} }
...@@ -286,4 +298,75 @@ ...@@ -286,4 +298,75 @@
width: 90%; width: 90%;
} }
} }
.avatar-root {
display: flex;
flex-direction: row;
align-items: center;
margin: 30rpx 20rpx;
padding-left: 10rpx;
}
.icon-root {
padding-left: 30rpx;
font-size: 22rpx;
}
.idcode {
font-size: 34rpx;
color: black;
margin-bottom: 10rpx;
}
.icon-lable1 {
color: #9B4029;
border-radius: 20rpx;
width: 130rpx;
text-align: center;
background: linear-gradient(90deg, #F9BEA9, #FFDACA);
}
.icon-lable2 {
color: #392F2C;
border-radius: 20rpx;
width: 130rpx;
text-align: center;
background: linear-gradient(90deg, #FAD198, #F7C98C);
}
.vip-bg {
width: 100%;
position: absolute;
z-index: 1;
}
.vip-title {
font-size: 34rpx;
color: #FFE5BA;
}
.vip-hint1 {
font-size: 28rpx;
color: #ADABAA;
margin-top: 12rpx;
}
.vip-hint2 {
font-size: 28rpx;
color: #b5b5b5;
margin-top: 12rpx;
}
.vip-btn {
width: 160rpx;
height: 60rpx;
background: linear-gradient(90deg, #FAD198, #F7C98C);
border-radius: 30rpx;
color: #4F301D;
font-size: 30rpx;
text-align: center;
line-height: 60rpx;
z-index: 10;
margin-right: 20rpx;
}
</style> </style>
\ No newline at end of file
vedio/components/kefu-popup/kefu-popup.vue
View file @ 6d0199e6
...@@ -4,10 +4,11 @@ ...@@ -4,10 +4,11 @@
<view class="container"> <view class="container">
<image @click="onClose" style="width: 50rpx; height: 50rpx;margin-left:auto;margin-right: 30rpx; <image @click="onClose" style="width: 50rpx; height: 50rpx;margin-left:auto;margin-right: 30rpx;
margin-bottom: 30rpx;" src="https://mints-web.oss-cn-beijing.aliyuncs.com/images/ic_close_white.png"></image> margin-bottom: 30rpx;" src="https://mints-web.oss-cn-beijing.aliyuncs.com/images/ic_close_white.png"></image>
<view class="content"> <view class="content">
<button class="button1" type="default" size="default" <text style="font-size: 40rpx;margin-bottom: 15rpx;">客服时间: 工作日9:00-18:00</text>
@click="tapMakePhoneCall">客服电话：400-096-9950</button> <text class="button1" @click="tapMakePhoneCall">客服电话</text>
<!-- <button class="button2" open-type="im" data-im-id="93264117800">客服在线</button> --> <button class="button2" open-type="im" data-im-id="93264117800">在线客服</button>
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
...@@ -15,8 +16,6 @@ ...@@ -15,8 +16,6 @@
</template> </template>
<script> <script>
// import uniPopuo from 'uniPopuo'
export default { export default {
name: 'kefuPopup', name: 'kefuPopup',
props: { props: {
...@@ -40,7 +39,7 @@ ...@@ -40,7 +39,7 @@
}, },
tapMakePhoneCall() { tapMakePhoneCall() {
let that = this let that = this
wx.makePhoneCall({ tt.makePhoneCall({
phoneNumber: "4000969950", phoneNumber: "4000969950",
success(res) { success(res) {
// 调用成功 makePhoneCall:ok // 调用成功 makePhoneCall:ok
......
vedio/components/vipback-popup/vipback-popup.vue 0 → 100644
View file @ 6d0199e6
<template>
<uni-popup type="center" ref="vipback" :maskClick="false" :isMaskClick="false">
<view class="dialog">
<view class="dialog-container">
<view class="dialog-content">
<text style="font-size: 42rpx; color: #6C6A6A;">
{{vipBean.topTitle}}
</text>
<view style="display: flex;flex-direction: row;margin-top: 30rpx;">
<view style="font-size: 42rpx;color: #333232;margin-top: 18rpx;">充 </view>
<view style="font-size: 60rpx;color: #F32E2E;font-weight: 777;">{{vipBean.firstPayPrice}}</view>
<view style="font-size: 42rpx;color: #333232;margin-top: 18rpx;"> 元</view>
</view>
<text style="margin-top: 30rpx; font-size: 38rpx; color: #F32E2E">
{{vipBean.remarks}}
</text>
<image @click="handlePay"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_vip_btn.png"
style="height: 112rpx;margin-top: 100rpx;" mode="heightFix"></image>
</view>
<image src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_book_vip_.png"
style="height: 624rpx;" mode="heightFix"></image>
</view>
<image @click="handleClose" style="width: 50rpx; height: 50rpx;margin:40rpx auto;"
src="@/static/video/close.png">
</image>
</view>
</uni-popup>
</template>
<script>
import common from '@/mixins/common';
import {
message
} from '@/utils/fun';
export default {
name: 'vipbackPopup',
mixins: [common],
props: {
show: {
type: Boolean,
default: false
},
vipBean: {
type: Object,
default: function() {
return {}
}
}
},
data() {
return {
os: 'android'
};
},
watch: {
show: {
handler: function(newVal, oldVal) {
if (newVal) {
this.showdialog();
}
},
immediate: true
}
},
methods: {
showdialog() {
this.$refs.vipback.open();
console.log('vipback-', this.vipBean);
if (tt.getSystemInfoSync().platform === 'ios') {
this.os = 'ios';
}
},
handlePay() {
if (this.os == 'ios') {
message.notify('iOS暂不支持购买');
return
}
let that = this;
// 抖音支付
this.post({
url: '/vip/getVipPayParams/douyin',
data: {
os: that.os,
pid: that.vipBean.pid
},
showLoading: true,
success: ({
data
}) => {
that.ttPrePay(data, that.vipBean.largeType);
}
});
},
ttPrePay(ttData, largeType) {
if (!tt.canIUse('requestOrder')) {
message.notify('请升级抖音APP版本.');
return
}
tt.showLoading({
title: '加载中...'
});
let that = this;
tt.requestOrder({
data: ttData.params.data,
byteAuthorization: ttData.params.byteAuthorization,
success(res) {
that.ttPay(largeType, res.orderId, ttData);
},
fail(res) {
tt.hideLoading();
console.log('ttPrePay', res.errMsg);
// message.notify(res.errMsg);
},
});
},
ttPay(largeType, oid, ttData) {
tt.hideLoading();
if (!tt.canIUse('getOrderPayment')) {
message.notify('请升级抖音APP版本!');
return
}
let that = this;
if (this.os == 'ios') {
if (!tt.canIUse('getOrderPayment.object.imId')) {
message.notify('请升级抖音APP版本~');
return
}
tt.getOrderPayment({
orderId: oid,
imId: ttData.imId,
success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
},
fail(res) {
console.log('ios pay', res.errMsg);
// message.notify(res.errMsg);
},
});
} else {
tt.getOrderPayment({
orderId: oid,
success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
},
fail(res) {
console.log('android pay', res.errMsg);
// message.notify(res.errMsg);
},
});
}
},
queryOrderStatus(largeType, tid) {
let that = this;
this.post({
data: {
tid: tid
},
url: '/vip/queryVipOrder',
showLoading: true,
success: ({
data
}) => {
that.vipbackpaySuccess(largeType);
}
});
},
vipbackpaySuccess(largeType) {
this.$emit('vipbackpaySuccess', largeType);
this.handleClose();
},
handleClose() {
this.$refs.vipback.close();
this.$emit('vipbackclose');
}
}
}
</script>
<style lang="less">
.dialog {
height: 100%;
display: flex;
flex-direction: column;
padding-bottom: 290rpx;
}
.dialog-container {
position: relative;
}
.dialog-content {
position: absolute;
top: 16%;
left: 50%;
width: 500rpx;
margin-left: -250rpx;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
\ No newline at end of file
vedio/page-subs/sub_A/book-content/book-content.vue
View file @ 6d0199e6
...@@ -14,9 +14,16 @@ ...@@ -14,9 +14,16 @@
<bean-pop v-if="bookData.isUnlock==0 && userInfo.bookLegumes<bookData.bookLegumes" :show='showBean' <bean-pop v-if="bookData.isUnlock==0 && userInfo.bookLegumes<bookData.bookLegumes" :show='showBean'
@close='closeBeanPop'></bean-pop> --> @close='closeBeanPop'></bean-pop> -->
<recommend-pop :show='showRecommend' @close='closeRecommendPop' :bookId="bookId"></recommend-pop> <recommend-pop :show='showRecommend' @close='closeRecommendPop' :bookId="bookId"></recommend-pop>
<coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="closeVipPop" <!-- <coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="closeVipPop"
:vedioId="bookData.id" @paySuccess="paySuccess">
</coin-popup> -->
<coin-popup v-if="bookData.isUnlock==0 && !isVip()" :show="showVip" @close="coinClose($event)"
:vedioId="bookData.id" @paySuccess="paySuccess"> :vedioId="bookData.id" @paySuccess="paySuccess">
</coin-popup> </coin-popup>
<vipback-popup :show="showVipbackPop" :vipBean="backvipBean" @vipbackclose="vipbackClose()"
@vipbackpaySuccess="vipbackpaySuccess" />
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
</template> </template>
<c-login :isShareLink="true"></c-login> <c-login :isShareLink="true"></c-login>
<popup :show="showMoibleLogin" @close="showMoibleLogin=false"> <popup :show="showMoibleLogin" @close="showMoibleLogin=false">
...@@ -53,6 +60,8 @@ ...@@ -53,6 +60,8 @@
import SettingPop from "./components/setting-pop.vue"; import SettingPop from "./components/setting-pop.vue";
import VipPop from "./components/vip-pop.vue"; import VipPop from "./components/vip-pop.vue";
import BeanPop from "./components/bean-pop.vue"; import BeanPop from "./components/bean-pop.vue";
import VipbackPopup from '@/components/vipback-popup/vipback-popup.vue';
import CoinPopup from "@/components/coin-popup/coin-popup.vue";
import RecommendPop from "./components/recommend-pop.vue"; import RecommendPop from "./components/recommend-pop.vue";
import SystemInfoMixin from "../../../common/mixins/system-info-mixin.js"; import SystemInfoMixin from "../../../common/mixins/system-info-mixin.js";
import { import {
...@@ -86,6 +95,8 @@ ...@@ -86,6 +95,8 @@
VipPop, VipPop,
BeanPop, BeanPop,
RecommendPop, RecommendPop,
VipbackPopup,
CoinPopup,
}, },
data() { data() {
return { return {
...@@ -101,6 +112,8 @@ ...@@ -101,6 +112,8 @@
showBeanOpen: 0, showBeanOpen: 0,
showMoibleLogin: false, showMoibleLogin: false,
mobileLoginLock: false, mobileLoginLock: false,
showVipbackPop: false,
backvipBean: null,
}; };
}, },
onLoad(options) { onLoad(options) {
...@@ -346,6 +359,35 @@ ...@@ -346,6 +359,35 @@
// 点击封面，暂无 // 点击封面，暂无
tapThumb(e) { tapThumb(e) {
gotoBookCoverPage(this.bookData.id); gotoBookCoverPage(this.bookData.id);
},
coinClose(e) {
let item = e.detail.data;
if (item != null) {
this.backvipBean = item;
setTimeout(() => {
this.showVipbackPop = true;
}, 300);
} else {
this.showVip = false;
setTimeout(() => {
this.showRecommend = true;
}, 300);
}
console.log('mymymymymy', item);
},
vipbackClose() {
this.showVip = false;
this.showVipbackPop = false;
setTimeout(() => {
this.showRecommend = true;
}, 300);
},
vipbackpaySuccess(largeType) {
this.$set(this.bookData, "isUnlock", true);
this.vipbackClose();
} }
} }
} }
......
vedio/pages.json
View file @ 6d0199e6
...@@ -14,16 +14,17 @@ ...@@ -14,16 +14,17 @@
"style": { "style": {
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor": "#ffffff", "navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "#000000" "navigationBarTextStyle": "black"
} }
}, },
// #endif // #endif
{ {
"path": "pages/home", "path": "pages/home",
"style": { "style": {
"navigationBarTitleText": "逸想小说阁",
"navigationStyle": "default", "navigationStyle": "default",
"navigationBarBackgroundColor": "#ffffff", "navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "#000000" "navigationBarTextStyle": "black"
} }
}, { }, {
"path": "pages/brower/brower", "path": "pages/brower/brower",
......
vedio/pagesD/payRecord/payRecord.vue
View file @ 6d0199e6
...@@ -18,6 +18,12 @@ ...@@ -18,6 +18,12 @@
</view> </view>
</z-paging> </z-paging>
<view class="box-wrap" @click="handleKefu">
<image src="../../static/ic_service.png"></image>
<text>客服时间：</text>
<text>每天9:00-18:00</text>
</view>
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
</view> </view>
</template> </template>
<script> <script>
...@@ -28,7 +34,8 @@ ...@@ -28,7 +34,8 @@
mixins: [common], mixins: [common],
data() { data() {
return { return {
dataList: [] dataList: [],
showKefuPop: false
}; };
}, },
methods: { methods: {
...@@ -39,10 +46,10 @@ ...@@ -39,10 +46,10 @@
}, },
queryList(page, size) { queryList(page, size) {
this.post({ this.post({
url: '/vip/getOrderList', url: '/vip/getOrderList',
data: { data: {
page, page,
size size
}, },
showLoading: false, showLoading: false,
success: ({ success: ({
...@@ -51,6 +58,9 @@ ...@@ -51,6 +58,9 @@
this.$refs.paging.complete(data.list); this.$refs.paging.complete(data.list);
} }
}); });
},
handleKefu() {
this.showKefuPop = true
} }
} }
}; };
...@@ -60,4 +70,23 @@ ...@@ -60,4 +70,23 @@
.body { .body {
background-color: whitesmoke; background-color: whitesmoke;
} }
.box-wrap {
position: absolute;
bottom: 20%;
right: 6%;
z-index: 999;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 100rpx;
height: 100rpx;
}
text {
color: #2c2c2c;
}
}
</style> </style>
\ No newline at end of file
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