icon调整
parent
2b4c912e8b
commit
068185498d
|
|
@ -188,7 +188,7 @@
|
|||
content: "\e772";
|
||||
}
|
||||
|
||||
.icon-close-o1:before {
|
||||
.icon-close-fillup:before {
|
||||
content: "\e773";
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -4,11 +4,11 @@
|
|||
<li v-for="(item, index) in from" :key="index" :class="className" class="flex gap-y-16 re" @click="on_click(item, index)">
|
||||
<el-icon class="iconfont icon-drag size-16 cursor-move" />
|
||||
<slot :row="item" :index="index" />
|
||||
<el-icon v-if="type == 'card'" class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove(index)" />
|
||||
<el-icon v-if="type == 'card'" class="iconfont icon-close-fillup size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove(index)" />
|
||||
<el-icon v-if="type == 'line'" class="iconfont icon-delete-o size-16 do-not-trigger cr-6" @click.stop="remove(index)" />
|
||||
<!-- <el-icon v-if="isShowEdit" class="iconfont size-16 cr-primary do-not-trigger two-click" @click.stop="edit(index)" /> -->
|
||||
<el-dropdown v-if="isShowEdit" placement="bottom">
|
||||
<icon name="more-o" size="16" class="icon-commodity-edit" color="primary"></icon>
|
||||
<icon name="more-o" size="16" class="icon-edit-o" color="primary"></icon>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click.stop="edit(index)">编辑</el-dropdown-item>
|
||||
|
|
@ -91,7 +91,7 @@ const on_sort = () => {
|
|||
font-size: 1.6rem !important;
|
||||
}
|
||||
.icon-del-o,
|
||||
.icon-commodity-edit {
|
||||
.icon-edit-o {
|
||||
cursor: pointer;
|
||||
}
|
||||
.cursor-move {
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<el-form-item label="样式">
|
||||
<el-radio-group v-model="form.indicator_style" is-button>
|
||||
<el-tooltip content="点" placement="top" effect="light">
|
||||
<el-radio-button value="dot"><icon name="iconfont icon-round-dot"></icon></el-radio-button>
|
||||
<el-radio-button value="dot"><icon name="iconfont icon-ellipsis"></icon></el-radio-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="线" placement="top" effect="light">
|
||||
<el-radio-button value="elliptic"><icon name="iconfont icon-elliptic"></icon></el-radio-button>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
</el-dialog>
|
||||
<div class="search-icon re" :style="'height:' + upload_size + ';width:' + upload_size + ';'" @click="icon_click">
|
||||
<icon :name="!isEmpty(icon_class) ? icon_class : 'add'" :size="Number(size) / 2 + ''" color="c"></icon>
|
||||
<el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
|
||||
<el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-fillup size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<el-input v-model="item.video_title" placeholder="请输入视频按钮名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
|
||||
<el-icon class="iconfont icon-close-fillup size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
|
||||
</div>
|
||||
</div>
|
||||
<el-button class="mt-20 mb-20 w" @click="add">+添加</el-button>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
</div>
|
||||
<div class="abs draggable-icon" :style="item.show_tabs == '1' ? 'opacity: 1;' : 'opacity: 0.5;'">
|
||||
<el-icon class="iconfont icon-commodity-edit size-16 cr-primary do-not-trigger two-click" @click="on_edit(index)" />
|
||||
<el-icon class="iconfont icon-close-b size-16" @click.stop="del(index)" />
|
||||
<el-icon class="iconfont icon-close-round-o size-16" @click.stop="del(index)" />
|
||||
</div>
|
||||
</li>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<url-value v-model="item.carousel_link"></url-value>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
|
||||
<el-icon class="iconfont icon-close-fillup size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
|
||||
</div>
|
||||
</div>
|
||||
<el-button class="mt-20 mb-20 w" @click="img_add">+添加</el-button>
|
||||
|
|
|
|||
|
|
@ -182,11 +182,11 @@
|
|||
}
|
||||
.drawer-drag:hover {
|
||||
background: #f2f8ff;
|
||||
.iconfont.icon-close-b {
|
||||
.iconfont.icon-close-round-o {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
.iconfont.icon-close-b {
|
||||
.iconfont.icon-close-round-o {
|
||||
right: 1rem;
|
||||
top: 1.4rem;
|
||||
color: #8a8a8a;
|
||||
|
|
|
|||
|
|
@ -28,14 +28,14 @@
|
|||
<div v-for="(item, index) in tabs_data" :key="index" :class="['flex ptb-12 plr-10 gap-y-8 re align-c drawer-drag', { 'drawer-drag-bg': item.show_tabs == '1' }]" @click="set_tabs_event(true)">
|
||||
<el-icon class="iconfont icon-jinzhi size-16 cr-d" />
|
||||
<span class="size-12 cr-6">{{ item.name }}</span>
|
||||
<el-icon class="iconfont icon-close-b size-16 abs" :style="[item.show_tabs == '1' ? '' : 'display:none']" @click.stop="del(index, true)" />
|
||||
<el-icon class="iconfont icon-close-round-o size-16 abs" :style="[item.show_tabs == '1' ? '' : 'display:none']" @click.stop="del(index, true)" />
|
||||
</div>
|
||||
<VueDraggable v-model="diy_data" :animation="500" target=".sort-target" :scroll="true" :on-sort="on_sort">
|
||||
<TransitionGroup type="transition" tag="ul" name="fade" class="sort-target flex-col">
|
||||
<li v-for="(item, index) in diy_data" :key="index" :class="['flex ptb-12 plr-10 gap-y-8 re align-c drawer-drag', { 'drawer-drag-bg': item.show_tabs == '1' }]" @click="on_choose(index, item.show_tabs)">
|
||||
<el-icon class="iconfont icon-drag size-16 cr-d" />
|
||||
<span class="size-12 cr-6">{{ item.name }}</span>
|
||||
<el-icon class="iconfont icon-close-b size-16 abs" :style="[item.show_tabs == '1' ? '' : 'display:none']" @click.stop="del(index, false)" />
|
||||
<el-icon class="iconfont icon-close-round-o size-16 abs" :style="[item.show_tabs == '1' ? '' : 'display:none']" @click.stop="del(index, false)" />
|
||||
</li>
|
||||
</TransitionGroup>
|
||||
</VueDraggable>
|
||||
|
|
|
|||
Loading…
Reference in New Issue