deming/components/shop/list/index.vue

<template>
    <view class="list">
        <view class="top">
            商品推荐
        </view>
        <view class="label">
            <text>asd</text>
            <text>sda</text>
            <text>w3eq</text>
        </view>
        <view class="item">
            <item></item>
            <item></item>
            <item></item>
            <item></item>
            <item></item>
        </view>
    </view>    
</template>
<script>
import item from "./item"
export default {
    name:"list",
    components:{
        item
    }
}
</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;

        >text{
            margin-right: 34rpx;
        }
    }
    .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20rpx;

    }
}
</style>