feat(remote-ui): 去除远程组件包裹,构建时注入class, 生产环境构建去除主题样式

This commit is contained in:
chengcheng
2025-08-20 12:15:25 +08:00
parent 95b7cddcae
commit 9a7b9a28c3
6 changed files with 123 additions and 66 deletions
+22 -17
View File
@@ -54,24 +54,29 @@ defineExpose({
</script>
<template>
<div class="max-w-[460px] mt-1">
<div class="flex items-center py-1">
<icon name="icon-park:upload-picture" size="20" class="mr-1" />
{{ title || "图片上传" }}
</div>
<div class="flex flex-col items-center border rounded">
<!-- 图片上传预览区域 -->
<div class="h-48 w-full flex justify-center">
<!-- 显示选中图片 -->
<div v-if="image" class="p-2 w-full">
<ImagePreviewWithUpload v-model="image" />
</div>
<!-- 图片上传 -->
<ImageUploadDropPasteClick v-else v-model="image" />
<div>
<div class="max-w-[460px] mt-1">
<div class="flex items-center py-1">
<icon name="icon-park:upload-picture" size="20" class="mr-1" />
{{ title || "图片上传" }}
</div>
<div>
<RecommendedImages v-model="pageSize" @update-image="handleSetImage" />
<div class="flex flex-col items-center border rounded">
<!-- 图片上传预览区域 -->
<div class="h-48 w-full flex justify-center">
<!-- 显示选中图片 -->
<div v-if="image" class="p-2 w-full">
<ImagePreviewWithUpload v-model="image" />
</div>
<!-- 图片上传 -->
<ImageUploadDropPasteClick v-else v-model="image" />
</div>
<div>
<RecommendedImages
v-model="pageSize"
@update-image="handleSetImage"
/>
</div>
</div>
</div>
</div>