vuex

components/shop/recommend/index.vue

@@ -5,25 +5,35 @@
             <text>点击查看更多></text>
         </view>
         <view class="connect">
-            <view class="time">
-                <image></image>
-                <text>12:00</text>
+            <view class="time" v-if="type=='spike'">
+                <image src="/static/image/common/15.png"></image>
+                <text>{{ info.groupbuy_starttime_histime }}</text>
             </view>
             <view class="info">
-                <text>修身套头上衣</text>
-                <text class="u-line-2">珂莱蒂尔雪纺衫2020春装新简约百搭V领蕾丝九分... </text>
+                <text class="u-line-1">{{ info.groupbuy_name }}</text>
+                <text class="u-line-2">{{ info.goods_name }}</text>
                 <view>
-                    <text>￥99</text>
-                    <text>￥299</text>
+                    <text>￥{{ info.groupbuy_price }}</text>
+                    <text>￥{{ info.goods_price }}</text>
                 </view>
             </view>
-            <image class="img"></image>
+            <image class="img" :src="info.groupbuy_image1"></image>
         </view>
     </view>
 </template>
 <script>
 export default {
-    name:"recommend"
+	name:"recommend",
+	data() {
+		return {
+			info: {}
+		}
+	},
+	props: ['recommendData', 'type'],
+	created() {
+		this.info = this.recommendData;
+		console.log(this.recommendData);
+	}
 }
 </script>
 <style lang="scss" scoped>
@@ -48,7 +58,7 @@ export default {
             display: flex;
             flex-direction: column;
             align-items: center;
-            margin-right: 18rpx;
+            margin-right: 28rpx;
             justify-content: center;
             >image{
                 width: 90rpx;
@@ -62,6 +72,7 @@ export default {
             flex-shrink: 0;
         }
         .info{
+			width: 340rpx;
             display: flex;
             flex-direction: column;
             >text:nth-child(1){
@@ -87,6 +98,7 @@ export default {
                     font-size: 24rpx;
                     color: #999;
                     margin-left: 33rpx;
+					text-decoration: line-through;
                 }
             }
         }