edit

pages/dream/buy.vue

@@ -31,13 +31,36 @@
 		</view>
 		<view class="mask" v-if="share">
 		  <view class="buytip-layer layer " catchtap="handleStop">
-			<view class="buy-tit">分享说明</view>
+			<view class="buy-tit">分享给你的好友</view>
+			<view class="grace-news-list">
+				<view class="grace-news-item" style="padding: 12rpx 8rpx;border: 1px dashed cornflowerblue;">
+					<view class="grace-news-body">
+						<text class="grace-news-title">{{fetch.info.share_title}}</text>
+						<text class="grace-news-desc">{{fetch.info.share_content}}</text>
+					</view>
+					<image :src="fetch.info.share_pic" class="image grace-news-img grace-news-img-r"></image>
+				</view>
+				<view class="grace-news-info">
+					<view style="width:500rpx;margin-top:20rpx;justify-content: center;" class="grace-nowrap">
+						<text class="grace-icons grace-news-info-text">查看 {{fetch.ticket.num}}</text>
+						<text class="grace-icons grace-news-info-text" style="margin-left:30rpx;">使用 {{fetch.ticket.num}}</text>
+						<text class="grace-icons grace-news-info-text" style="margin-left:30rpx;">剩余 {{fetch.ticket.num}}</text>
+					</view>
+				</view>
+			</view>
+			<!--
 			<view class="share_left">
 				<text class="p">{{fetch.info.share_title}}</text>
 				<text class="p">{{fetch.info.share_content}}</text>
 			</view>
 			<view class="share_right">
 				<image :src="fetch.info.share_pic" class="image"></image>
+			</view>
+			-->
+			<view class="grace-form-item grace-border-b">
+				<view class="grace-form-body" style="margin-left:0rpx">
+					<input type="text" class="grace-form-input" name="name1" placeholder="在这里输入一句话,你的好友能够看到哦~" />
+				</view>
 			</view>
 			<view class="btn-wrapper">
 			  <view class="button" @click="hideShare" :style="bgcolor">分享</view>
@@ -294,7 +317,7 @@ export default {
 }
 
 .p{
-  font-size: 24rpx;
+  font-size: 28rpx;
   text-align: justify;
   line-height: 40rpx;
   margin-bottom: 12rpx;
@@ -365,7 +388,7 @@ export default {
 }
 
 .mask .layer {
-  width: 570rpx;
+  width: 620rpx;
   box-sizing: border-box;
   padding: 70rpx 60rpx;
   background: #fff;

pages/dream/index.vue

@@ -43,15 +43,17 @@
 				<info :id="id" :bgcolor="fetch.button.bgcolor" :color="fetch.button.color" @hideInfo="hideInfo"></info>
 			</view>
 			
-			<view class="mask buy-layer" v-if="inviteState">
+			<view class="mask buy-layer" v-if="inviteState && fetch.info.user">
 			  <view class="buytip-layer layer " catchtap="handleStop">
-				<view class="buy-tit">邀请你</view>
-				<text class="p">222</text>
+				<view class="buy-tit buy-user"><image :src="fetch.info.user.avatar" mode="widthFix"></image></view>
+				<view class="buy-tit">{{fetch.info.user.username}}赠送</view>
+				<text class="p">“牡丹花下死，做鬼也风流”</text>
+				<text class="p">——他是这么说的</text>
 				
 				<view class="btn-wrapper ">
-				  <view class="button cancel" @click="hideInvite">取消
+				  <view class="button cancel" @click="hideInvite">不要
 				  </view>
-				  <view class="button primary" :style="fetch.button.bgcolor" @click="hideInvite">确认
+				  <view class="button primary" :style="fetch.button.bgcolor" @click="hideInvite">收下
 					<button formType="submit"></button>
 				  </view>
 				</view>
@@ -425,6 +427,7 @@ swiper-item image{
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
+  z-index:100;
 }
 
 .mask .layer {
@@ -475,7 +478,7 @@ swiper-item image{
 }
 
 .p{
-  font-size: 24rpx;
+  font-size: 28rpx;
   text-align: justify;
   line-height: 40rpx;
   margin-bottom: 12rpx;
@@ -514,4 +517,14 @@ swiper-item image{
   background-color: #CCCCCC;
   color: #fff;
 }
+.buy-user {
+	width:150rpx;
+	height:150rpx;
+	border-radius: 50%; 
+	object-fit: cover; 
+	object-position: center;
+	position: absolute;
+	top: -52rpx;
+	left: 208rpx;
+}
 </style>