.main
PageHeader(title='上传组件')
.show.flex.flex-row.justify-between
.content.box-shadow-ccc.base
a-form()
a-form-item(label="上传图片")
upload-img(v-bind='uploadOption' :oldImgSrc='`${uploadOption.hasImg?"http://dummyimage.com/64x64":""}`')
template(#prefix v-if='uploadOption.icon')
a-icon(
:class='`${uploadOption.icon === "icontuichu11" ? "icont" : "icon"}`'
:type="uploadOption.icon")
.card.box-shadow-ccc.base
a-form()
a-form-item(label='组件禁用')
a-switch(v-model:checked="uploadOption.disabled")
a-form-item(label='图片填充')
a-switch(v-model:checked="uploadOption.hasImg")
a-form-item(label='限制大小')
a-input-number(v-model:value='uploadOption.fileSize' :min='0')
a-form-item(label='更换尺寸')
a-select(
style='width: 120px'
v-model:value='uploadOption.aspectRatio'
placeholder='请选择'
:default-active-first-option="false"
:filterOption='false'
)
a-select-option( v-for="v in sizeList" :key="v.title" :value='v.aspectRatio') {{v.title}}
a-form-item(label='切换icon')
a-select(
style='width: 120px'
v-model:value='uploadOption.icon'
placeholder='请选择'
:default-active-first-option="false"
:filterOption='false'
)
a-select-option( v-for="v in iconList" :key="v.value" :value='v.value') {{v.title}}