细节优化

pages/index/index.vue

@@ -261,6 +261,22 @@
 					</view>
         		</view>
         </uni-popup>
+		
+		<uni-popup ref="popupVipTip" type="center" :isMaskClick = "true">
+		        		<view class="flex-col content-tip">
+		        			<view class="title">
+		        				<text class="text-black text-xl text-bold">温馨提示</text>
+		        			</view>
+		        			<view class="content content-tip-2">
+		        				<text class="text-black text-lg" >
+									您的权益会员身份<text class="text-pink text-bold">{{userInfo.consumerMember.expirationDate}}</text>到期，享更多优惠，请到我的页面，点击续费按钮进行续费
+								</text>
+		        			</view>
+							<view class="btn-box">
+								<button class="cu-btn  bg-pink block" @tap="onNavToUser">好的 去续费</button>
+							</view>
+		        		</view>
+		        </uni-popup>
 		<!-- <LoginPop ref="loginPop" /> -->
 		<f-tabbar></f-tabbar>
 	</view>
@@ -362,6 +378,7 @@
 				timerLocation: null,
 				storeNavBg:'rgba(255, 255, 255, 1)',
 				tempStoreInfo:{},
+				userInfo:''
 			}
 		},
 		onShow() {
@@ -406,9 +423,25 @@
 			// this.$refs.loginPop.open();
 		},
 		methods: {
+			onNavToUser(){
+				this.$refs.popupVipTip.close()
+				uni.switchTab({
+					url:"/pages/my/myInfo"
+				})
+			},
 			onCloseTip(){
 				this.$refs.popupTip.close();
 				uni.setStorageSync("popupTipStatus", true)
+				if(uni.getStorageSync('userInfo')){
+					this.userInfo = uni.getStorageSync('userInfo')
+					if(this.userInfo.consumerMember && this.userInfo.consumerMember.expirationDate){
+						let dateTime = moment(`${this.userInfo.consumerMember.expirationDate} 23:59:59`).valueOf();
+						let nowDateTime = moment().valueOf();
+						if(dateTime-nowDateTime < 3*24*3600*1000){
+							this.$refs.popupVipTip.open();
+						}
+					}
+				}
 			},
 			onStoreChage(id) {
 				uni.setStorageSync("storeId", id);
@@ -1585,4 +1618,9 @@
 			margin: 24upx auto 30upx;
 		}
 	}
+	.content-tip-2{
+		display: flex;
+		align-items: center;
+		min-height: 240upx;
+	}
 </style>
\ No newline at end of file