images/variant-form3-vite
2
0
Fork 0
mirror of https://github.com/vform666/variant-form3-vite.git synced 2025-09-19 04:33:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

替换字体图标为svg，未全部完成。

Browse Source
This commit is contained in:
vdpAdmin
2021-12-27 17:25:07 +08:00
parent f0dd06b188
commit 64007472a2
16 changed files with 101 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue
View File

@ -40,18 +40,21 @@
<template v-if="!!this.designer">
<div class="field-action" v-if="designer.selectedId === field.id">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)"></i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget"></i>
<i :title="i18nt('designer.hint.selectParentWidget')"
@click.stop="selectParentWidget(field)"><svg-icon icon-class="el-back" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"><svg-icon icon-class="el-move-down" /></i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="drag-handler background-opacity" v-if="designer.selectedId === field.id">
<i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
<i :title="i18nt('designer.hint.dragHandler')"><svg-icon icon-class="el-drag-move" /></i>
<i>{{i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`)}}</i>
<i v-if="field.options.hidden === true" class="iconfont icon-hide"></i>
<i v-if="field.options.hidden === true"><svg-icon icon-class="el-hide" /></i>
</div>
</template>
</div>
@ -235,7 +238,7 @@
i {
font-size: 14px;
color: #fff;
margin: 0 5px;
margin: 0 3px;
cursor: pointer;
}
}
@ -265,6 +268,13 @@
}
}
.field-action, .drag-handler {
:deep(.svg-icon) {
margin-left: 0;
margin-right: 0;
}
}
.el-form-item {
//margin-bottom: 0 !important;
//margin-bottom: 6px;

27
src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue
View File

@ -7,18 +7,22 @@
<template v-if="!!this.designer">
<div class="field-action" v-if="designer.selectedId === field.id">
<i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)"></i>
<i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"></i>
<i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"></i>
<i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget"></i>
<i :title="i18nt('designer.hint.selectParentWidget')" @click.stop="selectParentWidget(field)">
<svg-icon icon-class="el-back" />
</i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveUpWidget')"
@click.stop="moveUpWidget(field)"><svg-icon icon-class="el-move-up" /></i>
<i v-if="!!parentList && (parentList.length > 1)" :title="i18nt('designer.hint.moveDownWidget')"
@click.stop="moveDownWidget(field)"><svg-icon icon-class="el-move-down" /></i>
<i :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget">
<svg-icon icon-class="el-delete" />
</i>
</div>
<div class="drag-handler background-opacity" v-if="designer.selectedId === field.id">
<i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
<i :title="i18nt('designer.hint.dragHandler')"><svg-icon icon-class="el-drag-move" /></i>
<i>{{i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`)}}</i>
<i v-if="field.options.hidden === true" class="iconfont icon-hide"></i>
<i v-if="field.options.hidden === true"><svg-icon icon-class="el-hide" /></i>
</div>
</template>
</div>
@ -173,6 +177,13 @@
}
}
.field-action, .drag-handler {
:deep(.svg-icon) {
margin-left: 0.1em;
margin-right: 0.1em;
}
}
.static-content-item {
min-height: 20px;
display: flex; /* 垂直居中 */