deming/components/shop/list/index.vue

<template>
    <view class="list">
        <view class="top">
            商品推荐
        </view>
        <view class="label">
            <text v-for="item in classifyList" :key="item.gc_id">{{ item.gc_name }}</text>
        </view>
        <view class="item">
            <item v-for="item in goodsList" :key="item.goods_id" :info="item"></item>
        </view>
    </view>    
</template>
<script>
import item from "./item"
export default {
    name:"list",
    components:{
        item
	},
	props: {
		classifyList: Array,
		goodsList: Array,
	}
}
</script>
<style lang="scss" scoped>
.list{
    .top{
        font-size: 30rpx;
        height: 90rpx;
        line-height: 90rpx;
        text-align: center;
        color: #333;
    }
    .label{
        display: flex;
        color: #999;
		flex-wrap: wrap;
        >text{
            margin-right: 34rpx;
			margin-bottom: 10rpx;
        }
    }
    .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20rpx;

    }
}
</style>