refund 8.6

components/shop/recommend/index.vue

@@ -1,8 +1,11 @@
 <template>
     <view class="recommend">
         <view class="top">
-            <text>{{ type == 'spike' ? '今日秒杀推荐' : '今日拼团推荐' }}</text>
-            <text>点击查看更多></text>
+            <text>今日秒杀推荐</text>
+			<view class="more" @click="toOthersPage">
+				<text>点击查看更多</text>
+				<u-icon name="arrow-right" color="#999" size="22"></u-icon>
+			</view>
         </view>
         <view class="connect">
             <view class="time" v-if="type == 'spike'">
@@ -32,12 +35,26 @@ export default {
 	props: ['recommendData', 'type'],
 	created() {
 		this.info = this.recommendData;
-		// console.log(this.recommendData);
+		console.log(this.recommendData);
+	},
+	methods: {
+		toOthersPage() {
+			this.$u.route({
+				url: 'pageB/sdetails/index',
+				params: {
+					id: this.recommendData.groupbuy_id,
+					type: 3,
+				}
+			})
+		}
 	}
 }
 </script>
 <style lang="scss" scoped>
 .recommend{
+	margin-bottom: 20rpx;
+	padding: 0 30rpx;
+	background-color: #ffffff;
     .top{
         height: 90rpx;
         display: flex;
@@ -47,12 +64,14 @@ export default {
             font-size: 30rpx;
             color: #333;
         }
-        >text:last-child{
-            font-size: 18rpx;
-            color: #999;
-        }
+		.more {
+			display: flex;
+			align-items: center;
+			color: #999;
+		}
     }
     .connect{
+		padding: 15rpx;
         display: flex;
         .time{
             display: flex;

components/shop/recommend/pintuan.vue

@@ -2,7 +2,10 @@
     <view class="recommend">
         <view class="top">
             <text>今日拼团推荐</text>
-            <text @click="toDetailsPage">点击查看更多></text>
+			<view class="more" @click="toDetailsPage">
+				<text>点击查看更多</text>
+				<u-icon name="arrow-right" color="#999" size="22"></u-icon>
+			</view>
         </view>
         <view class="connect">
             <view class="user">
@@ -66,7 +69,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.recommend{
+.recommend {
 	margin-bottom: 20rpx;
 	padding: 0 30rpx;
 	background-color: #ffffff;
@@ -79,10 +82,11 @@ export default {
             font-size: 30rpx;
             color: #333;
         }
-        >text:last-child{
-            font-size: 18rpx;
-            color: #999;
-        }
+        .more {
+			display: flex;
+			align-items: center;
+			color: #999;
+		}
     }
     .connect{
 		padding: 30rpx;