smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【mall】diy editor 的 “右侧操作区” 操作按钮的样式优化

Browse Source
This commit is contained in:
YunaiV
2025-10-27 19:11:33 +08:00
parent b5cd15c28c
commit 7d55a39635
1 changed files with 7 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue
View File

@@ -306,20 +306,19 @@ onMounted(() => {
<span>{{ title }}</span> <span>{{ title }}</span>
</div> </div>
<!-- 右侧操作区 --> <!-- 右侧操作区 -->
<div class="header-right"> <div>
<!-- TODO @AI：按钮之间有空隙； --> <ElTooltip content="重置">
<ElTooltip title="重置"> <ElButton class="!m-0 !border-l !border-r-0" @click="handleReset">
<ElButton @click="handleReset">
<IconifyIcon :size="24" icon="system-uicons:reset-alt" /> <IconifyIcon :size="24" icon="system-uicons:reset-alt" />
</ElButton> </ElButton>
</ElTooltip> </ElTooltip>
<ElTooltip v-if="previewUrl" title="预览"> <ElTooltip v-if="previewUrl" content="预览">
<ElButton @click="handlePreview"> <ElButton class="!m-0 !border-l !border-r-0" @click="handlePreview">
<IconifyIcon :size="24" icon="ep:view" /> <IconifyIcon :size="24" icon="ep:view" />
</ElButton> </ElButton>
</ElTooltip> </ElTooltip>
<ElTooltip title="保存"> <ElTooltip content="保存">
<ElButton @click="handleSave"> <ElButton class="!m-0 !border-l !border-r-0" @click="handleSave">
<IconifyIcon :size="24" icon="ep:check" /> <IconifyIcon :size="24" icon="ep:check" />
</ElButton> </ElButton>
</ElTooltip> </ElTooltip>
@@ -514,15 +513,6 @@ $phone-width: 375px;
background-color: var(--el-bg-color); background-color: var(--el-bg-color);
border-bottom: solid 1px var(--el-border-color); border-bottom: solid 1px var(--el-border-color);
/* 工具栏：右侧按钮 */
.header-right {
height: 100%;
.el-button {
height: 100%;
}
}
/* 隐藏工具栏按钮的边框 */ /* 隐藏工具栏按钮的边框 */
:deep(.el-radio-button__inner), :deep(.el-radio-button__inner),
:deep(.el-button) { :deep(.el-button) {