修改icon显示问题
parent
7ad81b393d
commit
0b54c0bbaa
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.
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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)" />
|
||||
|
|
|
|||
|
|
@ -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: {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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: [],
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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: {
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue