<template>
    <u-popup v-model="show" mode="bottom" length="782" border-radius="20">
		<view class="top">
			<text>全部商品</text>
            <image></image>
		</view>
        <scroll-view :scroll-y="true" style="padding:0 30rpx;height:692rpx">
            <sitem v-for="i in 10"></sitem>
        </scroll-view>
	</u-popup>
</template>
<script>
import sitem from "./item"
export default {
    name:'shoplist',
    components:{
        sitem
    },
    data(){
        return {
            show: true
        }
    }
}
</script>
<style lang="scss" scoped>
image{
    background-color: #0f0;
}
.top{
    height: 88rpx;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30rpx;
    border-bottom: 1rpx solid #ececec;
    >text{
        font-size: 30rpx;
        color: #333;
    }
    >image{
        width: 33rpx;
        height: 33rpx;
    }
}
</style>