api

pageE/mine/MemberServe.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="member">
-		<view>
+		<!-- <view> -->
 			<u-tabs-swiper ref="tabs" :list="list" :is-scroll="false" active-color="#FF780F" :current="current" font-size="32" :show-bar="false" @change="tabsChange" height="88" ></u-tabs-swiper>
-		</view>
+		<!-- </view> -->
 		<swiper :current="swiperCurrent" @animationfinish="animationfinish" :style="{ height: swiperHeight }">
 			<swiper-item class="swiper-item">
 				<view class="integral">
@@ -15,7 +15,7 @@
 							<view class="title">经验值</view>
 							<view class="value">{{ memberInfo.member_exppoints }}</view>
 						</view>
-						<view>
+						<view @click="viewProgress">
 							<view class="title">预计进度</view>
 							<view class="value">{{ memberInfo.next_grade_exppoints_diff }}</view>
 						</view>
@@ -26,21 +26,9 @@
 				</view>
 			</swiper-item>
 			<swiper-item class="swiper-item">
-				<scroll-view scroll-y class="coupon">
-					<view v-for="(item, index) in couponList" :key="index" class="coupon-item">
-						<img src="../static/mine/23.png" />
-						<view class="coupon-main">
-							<view class="coupon-title">萌店十元优惠券</view>
-							<view class="coupon-date">
-								<img src="../static/mine/26.png" />
-								<view>2020.05.17-2020.06.17</view>
-							</view>
-							<view class="coupon-integral">299积分</view>
-						</view>
-						<view class="coupon-btn">兑换</view>
-					</view>
-					<u-empty text="暂无优惠券" mode="coupon" color="#000" v-if="!couponList.length"></u-empty>
-				</scroll-view>
+				<view class="coupon">
+					<CouponView></CouponView>
+				</view>
 			</swiper-item>
 			<swiper-item class="swiper-item">
 				<scroll-view scroll-y class="details">
@@ -61,6 +49,7 @@
 </template>
 <script>
 import common from '@/static/js/common.js';
+import CouponView from "./MemberServeCoupon";
 export default {
 	data() {
 		return {
@@ -76,11 +65,13 @@ export default {
 			current: 0,
 			swiperCurrent: 0,
 			pointslogList:  [],
-			couponList: [],
 			memberInfo: {},
 			nodes: '',
 		}
 	},
+	components: {
+		CouponView
+	},
 	onShow() {
 		this.getMemberPointsStat();
 		this.getPointslogList();
@@ -117,6 +108,11 @@ export default {
 			// console.log(this.richHeight);
 			this.swiperHeight = res.windowHeight - 88 / 2 + 'px';
 		},
+		viewProgress() {
+			this.$u.route({
+				url: '/pageE/mine/MineProgress'
+			})
+		},
 	},
 }
 </script>
@@ -171,55 +167,6 @@ export default {
 		}
 		.coupon {
 			height: 100%;
-			.coupon-item {
-				padding: 30rpx;
-				background-color: #ffffff;
-				display: flex;
-				align-items: flex-end;
-				margin-bottom: 2rpx;
-				> img {
-					width: 180rpx;
-					height: 160rpx;
-					border-radius: 10rpx;
-					margin-right: 30rpx;
-				}
-				.coupon-main {
-					.coupon-title {
-						font-size: 30rpx;
-						color: rgba(51,51,51,1);
-					}
-					.coupon-date {
-						display: flex;
-						align-items: center;
-						margin: 29rpx 0 20rpx;
-						> img {
-							width: 24rpx;
-							height: 24rpx;
-							margin-right: 15rpx;
-						}
-						> view {
-							font-size: 24rpx;
-							color: rgba(153,153,153,1);
-						}
-					}
-					.coupon-integral {
-						font-size: 30rpx;
-						font-weight: 500;
-						color: rgba(255,120,15,1);
-					}
-				}
-				.coupon-btn {
-					margin-left: auto;
-					width: 85rpx;
-					// height: 42rpx;
-					border: 2rpx solid rgba(255,120,15,1);
-					border-radius: 10rpx;
-					font-size: 26rpx;
-					color: rgba(255,120,15,1);
-					line-height: 42rpx;
-					text-align: center;
-				}
-			}
 		}
 		.details {
 			height: 100%;