文件选择器的样式属性传递优化

This commit is contained in:
阿辉
2024-11-29 15:05:46 +08:00
parent 9cc071edcd
commit ad3a190e96

View File

@@ -1,6 +1,6 @@
<template> <template>
<div style="width: 100%;"> <div style="width: 100%;" :style="props.style">
<div v-show="props.showInput" style="width: 100%;" :class="props.class" :style="props.style"> <div v-show="props.showInput" style="width: 100%;" :class="props.class" :style="props.inputStyle">
<el-select v-if="props.inputType === 'selector'" v-model="data" suffix-icon="arrow-down" clearable <el-select v-if="props.inputType === 'selector'" v-model="data" suffix-icon="arrow-down" clearable
:multiple="props.multiple" placeholder="请选择文件" @click="selectVisiable = true && !props.disabled" :multiple="props.multiple" placeholder="请选择文件" @click="selectVisiable = true && !props.disabled"
:disabled="props.disabled" @clear="selectedInit" @remove-tag="selectedInit"> :disabled="props.disabled" @clear="selectedInit" @remove-tag="selectedInit">
@@ -133,6 +133,7 @@ const props = defineProps({
modelValue: {}, modelValue: {},
class: { type: String, default: '' }, class: { type: String, default: '' },
style: { type: Object, default: {} }, style: { type: Object, default: {} },
inputStyle: { type: Object, default: {} },
disabled: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
tabsType: { type: Object as PropType<'' | 'card' | 'border-card'>, default: '' }, tabsType: { type: Object as PropType<'' | 'card' | 'border-card'>, default: '' },