|
@@ -142,11 +142,9 @@ defineExpose({
|
|
|
<div class="base-info-panel" style="position: relative">
|
|
|
<el-form ref="formRef" :model="flowInfo" :rules="rules" label-position="top">
|
|
|
<el-form-item label="图标" prop="flowInfo.processIcon">
|
|
|
- <el-space>
|
|
|
- <LeIcon class="icon-shower" :icon-class="`${flowIconPrefix}${flowInfo.processIcon}`" />
|
|
|
- </el-space>
|
|
|
+ <LeIcon class="icon-shower" :icon-class="`${flowIconPrefix}${flowInfo.processIcon}`" style="margin-right: 8px" />
|
|
|
|
|
|
- <el-popover placement="right-end" :width="450" trigger="focus" class="base-popover" :visible="visiblePopover">
|
|
|
+ <el-popover v-model:visible="visiblePopover" placement="right-end" :width="420" trigger="focus" class="base-popover">
|
|
|
<div class="icon-selector__dialog__content">
|
|
|
<div class="icon-selector-list">
|
|
|
<div v-for="item in imgArr" :key="item" class="icon-selector-item" @click="chooseIconEv(item)">
|
|
@@ -245,12 +243,13 @@ defineExpose({
|
|
|
-ms-overflow-style: none;
|
|
|
.icon-selector-list {
|
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(5, 64px);
|
|
|
- grid-template-rows: repeat(auto, 64px);
|
|
|
+ //grid-template-columns: repeat(5, 64px);
|
|
|
+ grid-template-columns: repeat(5, 1fr);
|
|
|
+ //grid-template-rows: repeat(auto, 64px);
|
|
|
grid-gap: 16px;
|
|
|
- justify-content: flex-start;
|
|
|
+ /*justify-content: flex-start;
|
|
|
align-items: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
+ flex-wrap: wrap;*/
|
|
|
.icon-selector-item {
|
|
|
width: 64px;
|
|
|
height: 64px;
|