outsource/HaniBlindBox
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

321

Browse Source
This commit is contained in:
gpu 2026-01-25 23:59:44 +08:00
parent 8485f32230
commit 2601556ffc
1 changed files with 13 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
server/HoneyBox/src/HoneyBox.Admin/admin-web/src/views/business/config/components/AppSettingCard.vue
View File

@ -66,12 +66,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="余额图标" prop="balance_icon"> <el-form-item label="余额图标" prop="balance_icon">
<div class="icon-input-wrapper"> <ImageUpload
<el-input v-model="formData.balance_icon" placeholder="请输入图标URL" /> v-model="formData.balance_icon"
<div class="icon-preview" v-if="formData.balance_icon"> placeholder="点击上传余额图标"
<el-image :src="formData.balance_icon" fit="contain" /> />
</div>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -84,12 +82,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货币1图标" prop="currency1_icon"> <el-form-item label="货币1图标" prop="currency1_icon">
<div class="icon-input-wrapper"> <ImageUpload
<el-input v-model="formData.currency1_icon" placeholder="请输入图标URL" /> v-model="formData.currency1_icon"
<div class="icon-preview" v-if="formData.currency1_icon"> placeholder="点击上传货币1图标"
<el-image :src="formData.currency1_icon" fit="contain" /> />
</div>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -102,12 +98,10 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货币2图标" prop="currency2_icon"> <el-form-item label="货币2图标" prop="currency2_icon">
<div class="icon-input-wrapper"> <ImageUpload
<el-input v-model="formData.currency2_icon" placeholder="请输入图标URL" /> v-model="formData.currency2_icon"
<div class="icon-preview" v-if="formData.currency2_icon"> placeholder="点击上传货币2图标"
<el-image :src="formData.currency2_icon" fit="contain" /> />
</div>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -213,6 +207,7 @@
import { ref, reactive, onMounted } from 'vue' import { ref, reactive, onMounted } from 'vue'
import { ElMessage, type FormInstance, type FormRules } from 'element-plus' import { ElMessage, type FormInstance, type FormRules } from 'element-plus'
import { Check } from '@element-plus/icons-vue' import { Check } from '@element-plus/icons-vue'
import ImageUpload from '@/components/ImageUpload/index.vue'
import { getAppSetting, updateAppSetting, type AppSetting } from '@/api/business/config' import { getAppSetting, updateAppSetting, type AppSetting } from '@/api/business/config'
// 加载状态 // 加载状态
@ -381,27 +376,6 @@ onMounted(() => {
margin-top: 4px; margin-top: 4px;
} }
.icon-input-wrapper {
width: 100%;
}
.icon-preview {
margin-top: 8px;
width: 40px;
height: 40px;
border: 1px solid #dcdfe6;
border-radius: 4px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.icon-preview :deep(.el-image) {
width: 100%;
height: 100%;
}
:deep(.el-divider__text) { :deep(.el-divider__text) {
font-weight: 600; font-weight: 600;
color: #303133; color: #303133;