<!-- 规格卡片 -->
<template>
    <view class="jy-specifications-card bfff p25 br25">
        <uni-forms :modelValue="paramsData">
            <uni-forms-item label="商品图片" name="name">
                <uni-file-picker :imageStyles="{
                    width: '150rpx',
                    height: '150rpx'
                }" limit="9">
                    <uni-icons type="camera" color="#B2B2B2" size="60"></uni-icons>
                </uni-file-picker>
            </uni-forms-item>
            <uni-forms-item label="规格" name="name">
                <uni-easyinput class="hohp df aic" type="text" :inputBorder="false" placeholder="输入规格" />
            </uni-forms-item>
            <view class="df">
                <uni-forms-item label="价格" name="name">
                    <uni-easyinput class="hohp df aic" type="number" :inputBorder="false" placeholder="￥0.00" />
                </uni-forms-item>
                <uni-forms-item label="库存" name="name">
                    <uni-easyinput class="hohp df aic" type="number" :inputBorder="false" placeholder="输入库存" />
                </uni-forms-item>
            </view>
        </uni-forms>
    </view>
</template>

<script setup>
import { ref } from 'vue'
const props = defineProps({
    item: {
        type: Object,
        default: () => ({})
    }
})
const paramsData = ref({})
</script>
<style scoped lang="scss">
.jy-specifications-card {
    ::v-deep .uni-forms-item {
        margin-bottom: 16rpx !important;

        .uni-forms-item__content {
            display: flex !important;
            align-items: center !important;
        }
    }


}
</style>