6.18

components/shop/list/index.vue

@@ -4,16 +4,11 @@
             商品推荐
         </view>
         <view class="label">
-            <text>asd</text>
-            <text>sda</text>
-            <text>w3eq</text>
+			<text>分类名称</text>
+            <text v-for="item in classifyList" :key="item.gc_id">{{ item.gc_name }}</text>
         </view>
         <view class="item">
-            <item></item>
-            <item></item>
-            <item></item>
-            <item></item>
-            <item></item>
+            <item v-for="item in goodsList" :key="item.goods_id" :info="item"></item>
         </view>
     </view>    
 </template>
@@ -23,7 +18,11 @@ export default {
     name:"list",
     components:{
         item
-    }
+	},
+	props: {
+		classifyList: Array,
+		goodsList: Array,
+	}
 }
 </script>
 <style lang="scss" scoped>
@@ -38,9 +37,10 @@ export default {
     .label{
         display: flex;
         color: #999;
-
+		flex-wrap: wrap;
         >text{
             margin-right: 34rpx;
+			margin-bottom: 10rpx;
         }
     }
     .item{

components/shop/list/item.vue

@@ -1,16 +1,19 @@
 <template>
     <view class="item">
-        <image class="img"></image>
+        <image :src="$u.http.config.baseUrl + info.goods_image" class="img"></image>
         <view class="info">
-            <text class="title"></text>
-            <text class="jianjie"></text>
-            <text class="price"></text>
+            <text class="title u-line-1">{{ info.goods_name }}</text>
+            <text class="jianjie u-line-2">{{ info.goods_advword }}</text>
+            <text class="price">{{ info.goods_price }}</text>
         </view>
     </view>
 </template>
 <script>
 export default {
-    name:"item"    
+	name:"item",
+	props: {
+		info: Object
+	}
 }
 </script>
 <style lang="scss" scoped>
@@ -28,6 +31,7 @@ export default {
         
     }
     .info{
+		width: 320rpx;
         padding: 0 12rpx;
         display: flex;
         flex-direction: column;