修改权益

pages/blindDate/personal/buyvip.vue

@@ -76,9 +76,9 @@
 	}
 	.buyvip .buybtn{
 		width: calc(100vw - 30px);
-		margin-left: 15px;
+		/* margin-left: 15px; */
 		height: 45px;
-		margin-top: 54px;
+		margin-top: 30px;
 		background:linear-gradient(to right, #13100E, #393939);
 		font-size: 16px;
 		color: #F3E5C3;
@@ -87,6 +87,12 @@
 		justify-content: center;
 		border-radius: 22.5px;
 	}
+	.buybtn-box{
+		width: 100%;height: 115px;position: absolute;left: 0;bottom: -136rpx;background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/xqbuy-bg.png');background-size: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 </style>
 
 <template>
@@ -129,16 +135,24 @@
 					</view>
 				</view>
 				<view class="xaingq">
-					<view style="padding: 15px">
-						<view style="width: 100%;background: #FFF;border-radius: 8px;padding: 10px;">
-							<rich-text :nodes="data.MemberSpecification" ></rich-text>
+					<view style="position: relative;">
+						<view style="padding: 15px">
+							<view style="width: 100%;background: #FFF;border-radius: 8px;padding: 10px;">
+								<rich-text :nodes="data.MemberSpecification" ></rich-text>
+							</view>
+							
+						</view>
+						<view class="buybtn-box" style="">
+							<!-- <image src="" style="width: 100%;height: auto;" mode="widthFix"></image> -->
+							<view class="buybtn">
+								<text style="color: #00C6C1;margin-right: 5px;font-family: aa;">￥{{data.MemberBuyMoney?data.MemberBuyMoney.toFixed(2):0}}</text>
+								立即购买
+							</view>
 						</view>
-						
-					</view>
-					<view class="buybtn">
-						<text style="color: #00C6C1;margin-right: 5px;font-family: aa;">￥{{data.MemberBuyMoney?data.MemberBuyMoney.toFixed(2):0}}</text>
-						立即购买
 					</view>
+					
+				
+					
 				</view>