51 lines
1.6 KiB
Vue
51 lines
1.6 KiB
Vue
<!-- 规格卡片 -->
|
|
<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> |