123456

pages.json

@@ -8,6 +8,12 @@
 				"navigationBarTitleText": "商城首页"
 			}
 		},
+		{
+			"path": "pages/index/Vipgift",
+			"style": {
+				"navigationBarTitleText": "会员礼包"
+			}
+		},
 		{
 			"path": "pages/menu/menu",
 			"style": {

pages/index/Vipgift.vue

@@ -0,0 +1,24 @@
+<template>
+	<view class="content"></view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {};
+	},
+	onLoad() {},
+	onShow() {},
+	onReachBottom() {},
+	onReady() {},
+	methods: {}
+};
+</script>
+
+<style lang="scss">
+page,
+.content {
+	min-height: 100%;
+	height: auto;
+}
+</style>

pages/index/index.vue

@@ -21,7 +21,7 @@
 			</view>
 			<view class="upVipBox flex margin-t-20" @click="navto(item.url)">
 				<image class="upViewTip" src="../../static/img/indexUpVipIcon.png" mode="scaleToFill"></image>
-				<view class="flex-grow-true padding-c-10 flex">
+				<view class="flex-grow-true padding-c-10 flex" @click="navto('/pages/index/Vipgift')">
 					<view>
 						<view class="font-size-base text-default">购买会员礼包成为会员</view>
 						<view class="font-size-sm text-gray">每月赠送33元积分,下单抵扣当钱花</view>

pages/product/common/productBottom.vue

@@ -15,8 +15,9 @@
 		
 	</view> -->
 	<view class="btm-btn">
-		<button type="primary" class="add-btn"  @click="buy(2)" v-if="goodsType == 0">加入购物车</button>
-		<button type="primary" class="buy-btn" @click="buy(1)" :class="{'skill':goodsType != 0}">{{goodsType == 2? '立即兑换':goodsType == 3?'购买兑换券': '立即购买'}}</button>
+		<button type="primary" class="buy-btn" @click="buy(1)" :class="{ skill: goodsType != 0 }">
+			{{ goodsType == 2 ? '立即兑换' : goodsType == 3 ? '购买兑换券' : '立即购买' }}
+		</button>
 	</view>
 </template>
 
@@ -32,7 +33,7 @@ export default {
 				return {};
 			}
 		},
-		goodsid:{
+		goodsid: {
 			default: ''
 		},
 		isSkill: {
@@ -49,7 +50,7 @@ export default {
 	},
 	methods: {
 		buy(type) {
-			this.$emit('specOPne',type);
+			this.$emit('specOPne', type);
 		},
 		//收藏
 		toFavorite(item) {
@@ -184,39 +185,34 @@ export default {
 	width: 750rpx;
 	height: 130rpx;
 	display: flex;
-	// justify-content: space-between;
 	justify-content: space-between;
-	// justify-content: space-between;
 	position: fixed;
 	padding: 20rpx;
 	bottom: 0;
-	background-color: #fff;
-	// z-index: 666;
+	background-color: #ffffff;
 	.add-btn {
 		width: 339rpx;
 		height: 90rpx;
-		border: 1px solid #901B21;
+		border: 1px solid #901b21;
 		border-radius: 45rpx;
 		background-color: #fff;
 		font-size: 36rpx;
 		font-weight: 500;
-		color: #901B21;
+		color: #901b21;
 		line-height: 90rpx;
 	}
 	.buy-btn {
-		width: 339rpx;
+		width: 697rpx;
 		height: 90rpx;
-		background: #901B21;
+		background: #ee2f72;
 		border-radius: 45rpx;
 		font-size: 36rpx;
 		font-weight: 500;
-		color: #901B21;
 		line-height: 90rpx;
-		color: #fff;
+		color: #ffffff;
 	}
 	.skill {
 		width: 699rpx;
 	}
 }
-
 </style>