红包弹窗

public/appnew/config/index.js

@@ -13,7 +13,7 @@ module.exports = {
     proxyTable: {},
 
     // Various Dev Server settings
-    host: 'localhost', // can be overwritten by process.env.HOST
+    host: '192.168.0.74', // can be overwritten by process.env.HOST
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: true,
     errorOverlay: true,

public/appnew/src/components/shop/redPackMask.vue

+<template>
+	<div class="red-pack-mask flex-center">
+		<div>
+			<div class="red-pack-area"></div>
+			<div class="close-btn-area" @click="closeClick"></div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: '',
+		components: {
+			
+		},
+		props: {
+			data: {
+				type: Object,
+				default: () => ({
+					message: 'hello'
+				})
+			}
+		},
+		data() {
+			return {
+				
+			}
+		},
+		watch: {
+			data(newValue, oldVal) {
+				
+			}
+		},
+		created() {
+			let _this = this;
+			
+		},
+		mounted() {
+			let _this = this;
+			
+		},		
+		computed: {
+
+		},
+		methods: {
+			closeClick() {
+				this.$emit('closeclick');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.red-pack-mask{
+		position: fixed;
+		z-index: 670;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, .7);
+	}
+
+	.red-pack-area{
+		width: 5.92rem;
+		height: 6.9rem;
+		background: url(images/img@2x.png) no-repeat center center/5.92rem 6.9rem;
+		margin-bottom: 1.46rem;
+	}
+	
+	.close-btn-area{
+		width: .72rem;
+		height: .72rem;
+		background: url(images/icon_close@2x.png) no-repeat center center/.72rem .72rem;
+		margin: 0 auto;
+	}
+</style>
\ No newline at end of file

public/appnew/src/components/shop/shopList.vue

@@ -86,6 +86,8 @@
 		<div class="to-five-page" v-if='isGif' @click="tabFivePage()">
 			<img :src="gif_img" class="to-five-page-img"/>
 		</div>
+		
+		<red-pack-mask @closeclick="showRedPackMask = false" v-if="showRedPackMask"></red-pack-mask>
 	</div>
 </template>
 
@@ -97,10 +99,12 @@
 	import icon_down from '@/components/shop/images/icon_down@2x.png';
 	import icon_down02 from '@/components/shop/images/icon_down02@2x.png';
 	import paginationLoad from '@/components/publicEg/paginationLoad';
+	import redPackMask from '@/components/shop/redPackMask';
 	import '@/assets/js/layer041002.js';
 	export default {
         components: {
 			'pagination-load': paginationLoad,
+			'red-pack-mask': redPackMask,
 		},
 		data: () => ({
 			list: [],
@@ -175,6 +179,8 @@
 				'title': '更多',
 				'isShow': false,
 			}],
+			
+			showRedPackMask: true,//是否显示红包弹窗
 		}),
 		created() {
 			let _this = this;