Просмотр исходного кода

⌚美化两个按钮样式保持一致

Signed-off-by: KaneLeung <kk.xiaolan@gmail.com>
KaneLeung 2 лет назад
Родитель
Сommit
b912207bc6
1 измененных файлов с 16 добавлено и 14 удалено
  1. 16 14
      Web/src/views/system/job/component/editJobTrigger.vue

+ 16 - 14
Web/src/views/system/job/component/editJobTrigger.vue

@@ -31,20 +31,22 @@
 						<el-form-item label="Cron表达式">
 							<el-input v-model="cronValue" placeholder="Cron表达式">
 								<template #append>
-									<el-dropdown style="color: inherit" trigger="click" @command="macroDropDownCommand">
-										<el-button style="margin: 0px -10px 0px -20px; color: inherit"> Macro </el-button>
-										<template #dropdown>
-											<el-dropdown-menu>
-												<el-dropdown-item v-for="(item, index) in macroData" :key="index" :command="item">
-													<el-row style="width: 240px">
-														<el-col :span="9">{{ item.key }}</el-col>
-														<el-col :span="15">{{ item.description }}</el-col>
-													</el-row>
-												</el-dropdown-item>
-											</el-dropdown-menu>
-										</template>
-									</el-dropdown>
-									<el-button style="margin: 0px -20px 0px -10px" @click="state.showCronDialog = true">Cron表达式</el-button>
+									<el-space :size="10" spacer="|">
+										<el-dropdown style="color: inherit" trigger="click" @command="macroDropDownCommand">
+											<el-button style="margin: 0px 0px 0px -20px; color: inherit"> Macro </el-button>
+											<template #dropdown>
+												<el-dropdown-menu>
+													<el-dropdown-item v-for="(item, index) in macroData" :key="index" :command="item">
+														<el-row style="width: 240px">
+															<el-col :span="9">{{ item.key }}</el-col>
+															<el-col :span="15">{{ item.description }}</el-col>
+														</el-row>
+													</el-dropdown-item>
+												</el-dropdown-menu>
+											</template>
+										</el-dropdown>
+										<el-button style="margin: 0px -20px 0px -10px; font-size: 14px" @click="state.showCronDialog = true">Cron表达式</el-button>
+									</el-space>
 								</template>
 							</el-input>
 						</el-form-item>