修改icon显示问题

v1.4.0
于肖磊 2025-08-14 10:43:49 +08:00
parent 7ad81b393d
commit 0b54c0bbaa
18 changed files with 5246 additions and 1811 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

Binary file not shown.

View File

@ -1,9 +1,9 @@
<template>
<VueDraggable v-model="from" :animation="500" target=".sort-target" handle=".icon-drag" :scroll="true" :on-sort="on_sort">
<VueDraggable v-model="from" :animation="500" target=".sort-target" handle=".icon-drag-dot" :scroll="true" :on-sort="on_sort">
<TransitionGroup type="transition" tag="ul" name="fade" class="sort-target flex-col gap-x-20">
<li v-for="(item, index) in from" :key="index" :class="[`flex-row re gap-16 ${ className }`, ['nav-group', 'tabs-magic', 'tabs'].includes(props.modelType) && modelIndex === index ? 'model-type-index-select' : '']" @click="on_click(item, index)">
<div class="flex-1 flex-row gap-16">
<icon name="drag" size="16" class="cursor-move" />
<icon name="drag-dot" size="16" class="cursor-move" />
<slot :row="item" :index="index" />
</div>
<!-- 底部第一个不显示删除按钮 -->
@ -16,7 +16,7 @@
<div class="abs top-0 right-0">
<div class="w h multiple-icon-class">
<div class="c-pointer multiple-icon" @click.stop="copy(index)">
<icon v-if="type == 'card'" name="copy" size="18" color="c" />
<icon v-if="type == 'card'" name="copy-square" size="18" color="c" />
</div>
<div v-if="!(props.modelType === 'footer' && index === 0)" class="c-pointer multiple-icon" @click.stop="remove(index)">
<icon v-if="type == 'card'" name="close-fillup" size="18" color="c" />

View File

@ -8,7 +8,7 @@
<icon name="del" size="14" color="f" />
</div>
<div :class="['plug-in-icon', { 'disabled': props.isTabs }]" @click.stop="copy(index)">
<icon name="copy" size="14" color="f" />
<icon name="copy-square" size="14" color="f" />
</div>
<div :class="['plug-in-icon plug-in-icon-arrow flex', icon_arrow_disable(item.key, index, 'moveUp')]" @click.stop="moveUp(index, arrow_disable_method(item.key, index, 'moveUp'))">
<icon name="arrow-top" size="14" color="f" />

View File

@ -47,7 +47,7 @@
</div>
<el-link v-if="more_link !== ''" type="primary" :href="more_link" target="_blank" :underline="false">
<div class="flex-row gap-3 align-c">
<icon name="download-btn"></icon>
<icon name="download-b-line"></icon>
<text>更多diy模版下载</text>
</div>
</el-link>

View File

@ -205,4 +205,9 @@ const common_style_update = (value: any) => {
};
</script>
<style lang="scss" scoped>
:deep(.el-tabs.content-tabs) {
.el-tabs__content {
padding: 1rem 3rem;
}
}
</style>

View File

@ -36,7 +36,7 @@
</card-container>
<div class="divider-line"></div>
<el-tabs v-model="tabs_icon_name" class="content-tabs">
<el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.label" :name="tab.value">
<el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.label" :name="tab.value" class="">
<common-button-style :value="form[`${ tab.value }_style`]"></common-button-style>
</el-tab-pane>
</el-tabs>
@ -107,4 +107,9 @@ const common_style_update = (value: any) => {
};
</script>
<style lang="scss" scoped>
:deep(.el-tabs.content-tabs) {
.el-tabs__content {
padding: 1rem 3rem;
}
}
</style>

View File

@ -32,7 +32,7 @@
<TransitionGroup type="transition" tag="ul" name="fade" class="sort-target flex-col h">
<template v-if="!isEmpty(diy_data)">
<li v-for="(item, index) in diy_data" :key="index" :class="['flex-row gap-y-8 re align-c drawer-drag', { 'drawer-custom-drag-bg': item.show_tabs == '1' }]" @click="on_choose(index, item.show_tabs)">
<el-icon class="iconfont icon-drag size-16 cr-d" />
<el-icon class="iconfont icon-drag-dot size-16 cr-d" />
<div class="text-line-1 flex align-c" style="width: 60%;" @dblclick="double_click(index)">
<template v-if="edit_index == index">
<el-input v-model="item.new_name" placeholder="请输入组件别名" size="small" clearable type="textarea" class="flex-1 do-not-trigger" :rows="1" resize="none" />

View File

@ -5,7 +5,7 @@
<el-icon class="iconfont icon-del" @click.stop="del(index)" />
</el-tooltip>
<el-tooltip effect="dark" :show-after="200" :hide-after="200" content="复制组件" placement="right">
<el-icon class="iconfont icon-copy" @click.stop="copy(index)" />
<el-icon class="iconfont icon-copy-square" @click.stop="copy(index)" />
</el-tooltip>
<el-tooltip effect="dark" :show-after="200" :hide-after="200" content="前置一层" placement="right">
<el-icon :class="['iconfont icon-arrow-top', { 'disabled': index === 0 }]" @click.stop="previous_layer(index, index === 0)" />

View File

@ -71,7 +71,7 @@ const props = defineProps({
},
});
//
const style_list = ['heng2', 'shu2', 'shang2xia1', 'shang1xia2', 'zuo1you2', 'zuo2you1', 'tianzige', 'shang2xia3', 'zuo1youshang1youxia2', 'a-4x4'];
const style_list = ['magic-w-2', 'magic-h-2', 'magic-t2-b1', 'magic-t1-b2', 'magic-l1-r2', 'magic-l2-r1', 'magic-2x2', 'magic-t2-b3', 'magic-l1-rt1-rb2', 'magic-4x4'];
//
const data_style = {
chunk_padding: {

View File

@ -118,7 +118,7 @@ const props = defineProps({
default: false,
},
});
const style_list = ['heng2', 'shu2', 'shu3', 'shang2xia1', 'shang1xia2', 'zuo1you2', 'zuo2you1', 'tianzige', 'shang2xia3', 'zuo1youshang1youxia2', 'a-1ge', 'a-4x4'];
const style_list = ['magic-w-2', 'magic-h-2', 'magic-h-3', 'magic-t2-b1', 'magic-t1-b2', 'magic-l1-r2', 'magic-l2-r1', 'magic-2x2', 'magic-t2-b3', 'magic-l1-rt1-rb2', 'magic-1', 'magic-4x4'];
//
const style_show_list = [
[{ start: {x: 1, y: 1}, end: {x: 4, y: 2}, img: [], img_link: {} }, { start: {x: 1, y: 3},end: {x: 4, y: 4},img: [], img_link: {}}], // 1

View File

@ -28,7 +28,7 @@ const default_data = {
logo: [],
data_alone_row_value: [],
icon_setting: [
{ id: get_math(), img: [], icon: 'bell', link: {} },
{ id: get_math(), img: [], icon: 'smallbell', link: {} },
],
positioning_name_float: '0',
is_location_left_icon_show: '1',

View File

@ -135,7 +135,7 @@ const defaultFooterNav: DefaultFooterNav = {
// 对齐方式
indicator_location: 'center',
// 右侧图标信息
icon_setting: [{ id: get_math(), img: [], icon: 'bell', link: { name: '我的消息', page: '/pages/message/message' } }],
icon_setting: [{ id: get_math(), img: [], icon: 'smallbell', link: { name: '我的消息', page: '/pages/message/message' } }],
// 定位左侧图标内容
is_location_left_icon_show: '1',
location_left_img: [],

View File

@ -173,7 +173,7 @@ const defaultRealstore: defaultRealstore = {
is_navigation_show: '1',
navigation_type: 'img-icon',
navigation_img: [],
navigation_icon: 'send',
navigation_icon: 'send-linear',
navigation_text: '',
is_phone_show: '0',
phone_type: 'img-icon',

View File

@ -35,7 +35,7 @@ const defaultUserInfo: DefaultUserInfo = {
config: ['order_count', 'goods_favor_count', 'goods_browse_count', 'integral_number', 'number_code'],
icon_setting: [
{ id: '1', img: [], icon: 'setup', link: { name: '设置中心', page: '/pages/setup/setup' } },
{ id: '2', img: [], icon: 'bell', link: { name: '我的消息', page: '/pages/message/message' } },
{ id: '2', img: [], icon: 'smallbell', link: { name: '我的消息', page: '/pages/message/message' } },
],
},
style: {

View File

@ -40,7 +40,7 @@
<VueDraggable v-model="diy_data" :animation="400" 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" />
<el-icon class="iconfont icon-drag-dot size-16 cr-d" />
<el-tooltip effect="dark" :show-after="200" :hide-after="200" :content="`<span>开始时间: ${ !isEmpty(new_date_value(item)) ? new_date_value(item)[0] : '' }</span><br/><span>结束时间: ${ !isEmpty(new_date_value(item)[1]) ? new_date_value(item)[1] : '' }</span>`" raw-content placement="top" :disabled="isEmpty(new_date_value(item))">
<span class="size-12 cr-6 re">
<div class="flex-row gap-5 align-c jc-c">