<!-- 商品信息  -->
<template>
    <view class="jy-shop-information">
        <uni-section title="店铺名称">
            <template v-slot:decoration>
                <image :style="imgStyle" class="head-portrait" src="" mode="aspectFill"></image>
            </template>
            <template v-slot:right v-if="showStatus">
                <slot name="shopRight">
                    <view> 123 </view>
                </slot>
            </template>
        </uni-section>
    </view>
</template>

<script setup>
import { ref } from 'vue'
const props = defineProps({
    item: {
        type: Object,
        default: () => ({})
    },
    imgStyle: {
        type: Object,
        default: () => ({})
    },
    // 是否显示左侧状态
    showStatus: {
        type: Boolean,
        default: false
    },
})
</script>
<style scoped lang="scss">
::v-deep .uni-section-header {
    align-items: flex-start;
    padding: 24rpx 0 !important;
}

.head-portrait {
    width: 64rpx;
    height: 64rpx;
    background: #999999;
    border-radius: 50%;
    margin-right: 20rpx;
}
</style>