Merge pull request #2487 from dataease/pr@dev@style_panel
style: 仪表板图标字体布局等样式调整
This commit is contained in:
王嘉豪
GitHub
commit
b0b5a69012
@ -153,7 +153,7 @@
|
||||
|
||||
<div v-if="attrShow('titlePostion')" style="width: 20px;float: left;margin-top: 2px;margin-left: 10px;">
|
||||
<el-tooltip content="标题位置">
|
||||
<title-postion :elementType="elementType" :show-vertical="showVertical" :style-info="styleInfo" />
|
||||
<title-postion :element-type="elementType" :show-vertical="showVertical" :style-info="styleInfo" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
<!--tab 内部组件样式-->
|
||||
@ -345,7 +345,7 @@ export default {
|
||||
mainStyle() {
|
||||
const style = {
|
||||
left: (this.getPositionX(this.curComponent.style.left) - this.scrollLeft) + 'px',
|
||||
top: (this.getPositionY(this.curComponent.style.top) - this.scrollTop - 3) + 'px'
|
||||
top: (this.getPositionY(this.curComponent.style.top) - this.scrollTop + 25) + 'px'
|
||||
}
|
||||
return style
|
||||
},
|
||||
|
||||
@ -3,12 +3,10 @@
|
||||
<div class="switch-position">
|
||||
<el-radio-group v-model="mobileLayoutInitStatus" size="mini" @change="openMobileLayout">
|
||||
<el-radio-button :label="false">
|
||||
<span style="float: left;">
|
||||
<i class="el-icon-monitor" />
|
||||
</span>
|
||||
<svg-icon icon-class="icon_pc_outlined" class="toolbar-icon-active text16" />
|
||||
</el-radio-button>
|
||||
<el-radio-button :label="true">
|
||||
<span class="icon iconfont icon-yidongduan" />
|
||||
<svg-icon icon-class="icon_phone_outlined" class="toolbar-icon-active text16" />
|
||||
</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
@ -28,69 +26,73 @@
|
||||
|
||||
<div v-show="!editControlButton" class="toolbar">
|
||||
<div class="panel-info-area">
|
||||
<el-tooltip :content="$t('panel.back') ">
|
||||
<span class="icon iconfont icon-jiantou insert" @click="closePanelEdit" />
|
||||
</el-tooltip>
|
||||
<span class="text">
|
||||
<svg-icon
|
||||
icon-class="icon_left_outlined"
|
||||
class="toolbar-icon-active icon20 margin-left20"
|
||||
@click="closePanelEdit"
|
||||
/>
|
||||
<span class="text16 margin-left12">
|
||||
{{ panelInfo.name }}
|
||||
</span>
|
||||
</div>
|
||||
<el-tooltip :content="$t('panel.undo') ">
|
||||
<span class="icon iconfont icon-outline-undo insert" @click="undo" />
|
||||
<svg-icon icon-class="icon_undo_outlined" class="toolbar-icon-active icon16 margin-right20" @click="undo" />
|
||||
</el-tooltip>
|
||||
<el-tooltip :content="$t('panel.redo') ">
|
||||
<span class="icon iconfont icon-outline-redo insert" @click="redo" />
|
||||
<svg-icon icon-class="icon_redo_outlined" class="toolbar-icon-active icon16 margin-right20" @click="redo" />
|
||||
</el-tooltip>
|
||||
<el-tooltip :content="$t('panel.fullscreen_preview')">
|
||||
<span class="icon iconfont icon-fangda insert" @click="clickPreview" />
|
||||
<svg-icon icon-class="icon_magnify_outlined" class="toolbar-icon-active icon16" @click="clickPreview" />
|
||||
</el-tooltip>
|
||||
<el-divider direction="vertical" />
|
||||
|
||||
<el-divider style="margin-left: 20px" direction="vertical" />
|
||||
<span class="button_self">
|
||||
<el-dropdown :hide-on-click="false" trigger="click" placement="bottom-start" size="mini">
|
||||
<span class="icon iconfont icon-gengduo insert de-icon-base"><span class="icon-font-margin">{{ $t('panel.more') }}</span></span>
|
||||
<el-dropdown :hide-on-click="false" trigger="click" placement="bottom-start">
|
||||
<span class="icon iconfont icon-gengduo insert margin-right20">
|
||||
<span class="icon-font-margin">{{ $t('panel.more') }}</span>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>
|
||||
<el-dropdown placement="right-start" size="mini" style="width: 100%">
|
||||
<el-dropdown placement="right-start">
|
||||
<span>
|
||||
<span
|
||||
class="icon iconfont"
|
||||
:class="[canvasStyleData.auxiliaryMatrix?'icon-shujujuzhen':'icon-xuanfuanniu']"
|
||||
/>
|
||||
<span class="icon-font-margin" style="font-size: 12px">{{ $t('panel.new_element_distribution') }}</span>
|
||||
<i class="el-icon-arrow-right el-icon--right" />
|
||||
<svg-icon icon-class="icon_moments-categories_outlined" class="toolbar-icon-active text16" @click="clickPreview" />
|
||||
<span class="text14 margin-left8">{{ $t('panel.new_element_distribution') }}</span>
|
||||
<svg-icon icon-class="icon_right_outlined" class="icon16 margin-left8" />
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item @click.native="auxiliaryMatrixChange">
|
||||
<span :class="[!canvasStyleData.auxiliaryMatrix?'font-active':'']"> {{ $t('panel.suspension') }} </span>
|
||||
<i v-if="!canvasStyleData.auxiliaryMatrix" class=" font-active el-icon-check" />
|
||||
<el-dropdown-item @click.native="auxiliaryMatrixChange(false)">
|
||||
<span class="text14"> {{ $t('panel.suspension') }} </span>
|
||||
<i v-if="!canvasStyleData.auxiliaryMatrix" class=" font-active el-icon-check margin-left52" />
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click.native="auxiliaryMatrixChange">
|
||||
<span :class="[canvasStyleData.auxiliaryMatrix?'font-active':'']"> {{ $t('panel.matrix') }} </span>
|
||||
<i v-if="canvasStyleData.auxiliaryMatrix" class=" font-active el-icon-check" />
|
||||
<el-dropdown-item @click.native="auxiliaryMatrixChange(true)">
|
||||
<span class="text14"> {{ $t('panel.matrix') }} </span>
|
||||
<i v-if="canvasStyleData.auxiliaryMatrix" class=" font-active el-icon-check margin-left52" />
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<span class="icon iconfont-tb" :class="[canvasStyleData.aidedDesign.showGrid?'icon-wangge-open':'icon-wangge-close']" />
|
||||
<span class="icon-font-margin">{{ $t('panel.aided_grid') }}</span>
|
||||
<el-switch v-model="showGridSwitch" size="mini" @change="showGridChange" />
|
||||
<svg-icon icon-class="icon_dialpad_outlined" class="icon16" />
|
||||
<span class="text14 margin-left8">{{ $t('panel.aided_grid') }}</span>
|
||||
<el-switch v-model="showGridSwitch" class="margin-left8" size="mini" @change="showGridChange" />
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click.native="openOuterParamsSet">
|
||||
<span class="icon iconfont-tb icon-canshu" />
|
||||
<span class="icon-font-margin">{{ $t('panel.params_setting') }}</span>
|
||||
<svg-icon icon-class="icon-quicksetting" class="icon16" />
|
||||
<span class="text14 margin-left8">{{ $t('panel.params_setting') }}</span>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click.native="clearCanvas">
|
||||
<span class="icon iconfont-tb icon-qingkong" />
|
||||
<span class="icon-font-margin">{{ $t('panel.clean_canvas') }}</span>
|
||||
<svg-icon icon-class="icon_clear_outlined" class="icon16" />
|
||||
<span class="text14 margin-left8">{{ $t('panel.clean_canvas') }}</span>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</span>
|
||||
<span class="icon iconfont icon-magic-line insert" @click="showPanel"><span class="icon-font-margin">{{ $t('panel.panel_style') }}</span></span>
|
||||
<span class="icon iconfont icon-piliang-copy insert" @click="batchOption"><span class="icon-font-margin">{{ $t('panel.batch_opt') }}</span></span>
|
||||
<span style="float: right;margin-left: 10px">
|
||||
<span class="icon iconfont icon-magic-line insert margin-right20" @click="showPanel">
|
||||
<span class="icon-font-margin">{{ $t('panel.panel_style') }}</span>
|
||||
</span>
|
||||
<span class="icon iconfont icon-piliang-copy insert margin-right20" @click="batchOption"><span
|
||||
class="icon-font-margin"
|
||||
>{{ $t('panel.batch_opt') }}</span></span>
|
||||
<span style="float: right;margin-right: 24px">
|
||||
<el-button size="mini" type="primary" :disabled="saveButtonDisabled" @click="save(false)">
|
||||
{{ $t('commons.save') }}
|
||||
</el-button>
|
||||
@ -110,7 +112,9 @@
|
||||
<svg-icon icon-class="warn-tre" style="width: 20px;height: 20px;float: right" />
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px">{{ $t('panel.panel_save_warn_tips') }}</span>
|
||||
<span style="font-size: 13px;margin-left: 10px;font-weight: bold;line-height: 20px">{{
|
||||
$t('panel.panel_save_warn_tips')
|
||||
}}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
@ -435,8 +439,8 @@ export default {
|
||||
cancelLinkageSettingStatus() {
|
||||
this.$store.commit('clearLinkageSettingInfo')
|
||||
},
|
||||
auxiliaryMatrixChange() {
|
||||
this.canvasStyleData.auxiliaryMatrix = !this.canvasStyleData.auxiliaryMatrix
|
||||
auxiliaryMatrixChange(value) {
|
||||
this.canvasStyleData.auxiliaryMatrix = value
|
||||
},
|
||||
showGridChange() {
|
||||
this.$store.state.styleChangeTimes++
|
||||
@ -496,141 +500,237 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.toolbar {
|
||||
float: right;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
min-width: 400px;
|
||||
.toolbar {
|
||||
float: right;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
min-width: 400px;
|
||||
|
||||
.canvas-config {
|
||||
display: inline-block;
|
||||
.canvas-config {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
input {
|
||||
width: 50px;
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
input {
|
||||
width: 50px;
|
||||
margin-left: 10px;
|
||||
outline: none;
|
||||
padding: 0 5px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
outline: none;
|
||||
padding: 0 5px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.insert {
|
||||
display: inline-block;
|
||||
font-weight: 400 !important;
|
||||
font-size: 14px !important;
|
||||
font-family: PingFang SC;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
color: var(--TextPrimary, #606266);
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.insert {
|
||||
display: inline-block;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px;
|
||||
font-family: PingFang SC;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
|
||||
&:active {
|
||||
color: #000;
|
||||
border-color: #3a8ee6;
|
||||
background-color: red;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
padding: 5px 5px;
|
||||
border-radius: 3px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: #000;
|
||||
border-color: #3a8ee6;
|
||||
background-color: red;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #ecf5ff;
|
||||
color: #3a8ee6;
|
||||
}
|
||||
&:hover {
|
||||
background-color: rgba(31, 35, 41, 0.1);
|
||||
color: #3a8ee6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-show {
|
||||
background-color: #ebf2fe !important;
|
||||
.button-show {
|
||||
background-color: #ebf2fe !important;
|
||||
}
|
||||
|
||||
.button-closed {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-switch__core {
|
||||
width: 30px !important;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
/*设置圆*/
|
||||
::v-deep .el-switch__core::after {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-top: -1px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.iconfont-tb {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.switch-position {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 50%;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.button_self {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.button_self ::v-deep .el-button--mini {
|
||||
padding: 7px 7px !important;
|
||||
}
|
||||
|
||||
.font-active {
|
||||
font-color: #3a8ee6 !important;
|
||||
}
|
||||
|
||||
.icon-active {
|
||||
color: #3a8ee6;
|
||||
}
|
||||
|
||||
.icon-unactivated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.panel-info-area {
|
||||
position: absolute;
|
||||
line-height: 56px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.icon-font-margin {
|
||||
margin-left: 4px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.margin-left8 {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.toolbar-icon-active {
|
||||
cursor: pointer;
|
||||
transition: .1s;
|
||||
border-radius: 3px;
|
||||
|
||||
&:active {
|
||||
color: #000;
|
||||
border-color: #3a8ee6;
|
||||
background-color: red;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.button-closed {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-switch__core {
|
||||
width: 30px !important;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
/*设置圆*/
|
||||
::v-deep .el-switch__core::after {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-top: -1px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.iconfont-tb {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.switch-position {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 50%;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.button_self {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.button_self ::v-deep .el-button--mini {
|
||||
padding: 7px 7px !important;
|
||||
}
|
||||
|
||||
.font-active {
|
||||
font-color: #3a8ee6 !important;
|
||||
}
|
||||
|
||||
.icon-active {
|
||||
&:hover {
|
||||
background-color: rgba(31, 35, 41, 0.1);
|
||||
color: #3a8ee6;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-unactivated {
|
||||
display: none;
|
||||
.toolbar-icon-middle {
|
||||
font-size: 16px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
cursor: pointer;
|
||||
transition: .1s;
|
||||
border-radius: 3px;
|
||||
|
||||
&:active {
|
||||
color: #000;
|
||||
border-color: #3a8ee6;
|
||||
background-color: red;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.panel-info-area {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
&:hover {
|
||||
background-color: rgba(31, 35, 41, 0.1);
|
||||
color: #3a8ee6;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-left: 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: var(--TextPrimary, #606266);
|
||||
}
|
||||
;
|
||||
|
||||
.icon-back {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: var(--MenuActiveBG, #409EFF);
|
||||
}
|
||||
.toolbar-icon {
|
||||
font-size: 20px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
cursor: pointer;
|
||||
transition: .1s;
|
||||
border-radius: 3px;
|
||||
|
||||
&:active {
|
||||
color: #000;
|
||||
border-color: #3a8ee6;
|
||||
background-color: red;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.icon-font-margin{
|
||||
margin-left: 2px;
|
||||
&:hover {
|
||||
background-color: rgba(31, 35, 41, 0.1);
|
||||
color: #3a8ee6 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.margin-left20 {
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
|
||||
.margin-right20 {
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
|
||||
.margin-right12 {
|
||||
margin-right: 12px !important;
|
||||
}
|
||||
|
||||
.icon20 {
|
||||
font-size: 20px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
}
|
||||
|
||||
.icon16 {
|
||||
font-size: 16px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
}
|
||||
|
||||
.text16 {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
}
|
||||
|
||||
.text14 {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
color: var(--TextPrimary, #1F2329);
|
||||
}
|
||||
.margin-left52 {
|
||||
margin-left: 52px !important;
|
||||
}
|
||||
.margin-left12 {
|
||||
margin-left: 12px !important;
|
||||
}
|
||||
|
||||
.el-divider--vertical {
|
||||
margin: 0 20px 0 20px
|
||||
}
|
||||
.el-dropdown-menu__item{
|
||||
line-height: 32px;
|
||||
}
|
||||
</style>
|
||||
|
||||
3
frontend/src/icons/svg/icon-more.svg
Normal file
3
frontend/src/icons/svg/icon-more.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15 8.75L16.6667 8.75C16.7214 8.75 16.7756 8.76078 16.8261 8.78172C16.8767 8.80266 16.9226 8.83335 16.9613 8.87204C17 8.91073 17.0307 8.95666 17.0516 9.00721C17.0726 9.05777 17.0833 9.11195 17.0833 9.16667L17.0833 10.8333C17.0833 10.888 17.0726 10.9422 17.0516 10.9928C17.0307 11.0433 17 11.0893 16.9613 11.128C16.9226 11.1667 16.8767 11.1973 16.8261 11.2183C16.7756 11.2392 16.7214 11.25 16.6667 11.25L15 11.25C14.8895 11.25 14.7835 11.2061 14.7054 11.128C14.6272 11.0498 14.5833 10.9438 14.5833 10.8333L14.5833 9.16667C14.5833 9.11195 14.5941 9.05777 14.615 9.00721C14.636 8.95666 14.6667 8.91073 14.7054 8.87204C14.7441 8.83335 14.79 8.80266 14.8405 8.78172C14.8911 8.76078 14.9453 8.75 15 8.75V8.75ZM3.33333 8.75L5 8.75C5.05471 8.75 5.1089 8.76078 5.15945 8.78172C5.21 8.80266 5.25593 8.83335 5.29462 8.87204C5.33332 8.91073 5.36401 8.95666 5.38495 9.00722C5.40589 9.05777 5.41666 9.11195 5.41666 9.16667L5.41666 10.8333C5.41666 10.9438 5.37277 11.0498 5.29463 11.128C5.21648 11.2061 5.1105 11.25 5 11.25L3.33333 11.25C3.27861 11.25 3.22443 11.2392 3.17388 11.2183C3.12333 11.1973 3.07739 11.1667 3.0387 11.128C3.00001 11.0893 2.96932 11.0433 2.94838 10.9928C2.92744 10.9422 2.91666 10.8881 2.91666 10.8333L2.91666 9.16667C2.91666 9.11195 2.92744 9.05777 2.94838 9.00722C2.96932 8.95666 3.00001 8.91073 3.0387 8.87204C3.07739 8.83335 3.12333 8.80266 3.17388 8.78172C3.22443 8.76078 3.27861 8.75 3.33333 8.75V8.75ZM9.16666 8.75L10.8333 8.75C10.888 8.75 10.9422 8.76078 10.9928 8.78172C11.0433 8.80266 11.0893 8.83335 11.128 8.87204C11.1666 8.91073 11.1973 8.95666 11.2183 9.00721C11.2392 9.05777 11.25 9.11195 11.25 9.16667L11.25 10.8333C11.25 10.8881 11.2392 10.9422 11.2183 10.9928C11.1973 11.0433 11.1666 11.0893 11.128 11.128C11.0893 11.1667 11.0433 11.1973 10.9928 11.2183C10.9422 11.2392 10.888 11.25 10.8333 11.25L9.16666 11.25C9.05616 11.25 8.95018 11.2061 8.87204 11.128C8.7939 11.0498 8.75 10.9438 8.75 10.8333L8.75 9.16667C8.75 9.11195 8.76078 9.05777 8.78171 9.00722C8.80265 8.95666 8.83334 8.91073 8.87204 8.87204C8.91073 8.83335 8.95666 8.80266 9.00721 8.78172C9.05777 8.76078 9.11195 8.75 9.16666 8.75Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
3
frontend/src/icons/svg/icon-quicksetting.svg
Normal file
3
frontend/src/icons/svg/icon-quicksetting.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.75 14.1667H17.7992C17.9849 14.1667 18.0523 14.1861 18.1202 14.2224C18.1881 14.2587 18.2414 14.312 18.2777 14.3799C18.314 14.4478 18.3333 14.5152 18.3333 14.7009V15.2993C18.3333 15.485 18.314 15.5524 18.2777 15.6203C18.2414 15.6882 18.1881 15.7414 18.1202 15.7778C18.0523 15.8141 17.9849 15.8334 17.7992 15.8334H13.75V17.7993C13.75 17.985 13.7307 18.0524 13.6943 18.1203C13.658 18.1882 13.6047 18.2414 13.5368 18.2778C13.4689 18.3141 13.4016 18.3334 13.2159 18.3334H12.6175C12.4317 18.3334 12.3644 18.3141 12.2965 18.2778C12.2286 18.2414 12.1753 18.1882 12.139 18.1203C12.1027 18.0524 12.0833 17.985 12.0833 17.7993V15.8334H2.20081C2.01508 15.8334 1.94773 15.8141 1.87983 15.7778C1.81192 15.7414 1.75863 15.6882 1.72232 15.6203C1.68601 15.5524 1.66667 15.485 1.66667 15.2993V14.7009C1.66667 14.5152 1.68601 14.4478 1.72232 14.3799C1.75863 14.312 1.81192 14.2587 1.87983 14.2224C1.94773 14.1861 2.01508 14.1667 2.20081 14.1667H12.0833V12.2009C12.0833 12.0152 12.1027 11.9478 12.139 11.8799C12.1753 11.812 12.2286 11.7587 12.2965 11.7224C12.3644 11.6861 12.4317 11.6667 12.6175 11.6667H13.2159C13.4016 11.6667 13.4689 11.6861 13.5368 11.7224C13.6047 11.7587 13.658 11.812 13.6943 11.8799C13.7307 11.9478 13.75 12.0152 13.75 12.2009V14.1667ZM6.25 4.16675V2.20089C6.25 2.01516 6.26934 1.94781 6.30565 1.87991C6.34197 1.812 6.39526 1.75871 6.46316 1.7224C6.53106 1.68609 6.59841 1.66675 6.78414 1.66675H7.38253C7.56826 1.66675 7.63561 1.68609 7.70351 1.7224C7.77141 1.75871 7.8247 1.812 7.86102 1.87991C7.89733 1.94781 7.91667 2.01516 7.91667 2.20089V4.16675H17.7992C17.9849 4.16675 18.0523 4.18609 18.1202 4.2224C18.1881 4.25871 18.2414 4.312 18.2777 4.37991C18.314 4.44781 18.3333 4.51516 18.3333 4.70089V5.29927C18.3333 5.48501 18.314 5.55236 18.2777 5.62026C18.2414 5.68816 18.1881 5.74145 18.1202 5.77776C18.0523 5.81408 17.9849 5.83341 17.7992 5.83341H7.91667V7.79927C7.91667 7.98501 7.89733 8.05236 7.86102 8.12026C7.8247 8.18816 7.77141 8.24145 7.70351 8.27776C7.63561 8.31408 7.56826 8.33342 7.38253 8.33342H6.78414C6.59841 8.33342 6.53106 8.31408 6.46316 8.27776C6.39526 8.24145 6.34197 8.18816 6.30565 8.12026C6.26934 8.05236 6.25 7.98501 6.25 7.79927V5.83341H2.20081C2.01508 5.83341 1.94773 5.81408 1.87983 5.77776C1.81192 5.74145 1.75863 5.68816 1.72232 5.62026C1.68601 5.55236 1.66667 5.48501 1.66667 5.29927V4.70089C1.66667 4.51516 1.68601 4.44781 1.72232 4.37991C1.75863 4.312 1.81192 4.25871 1.87983 4.2224C1.94773 4.18609 2.01508 4.16675 2.20081 4.16675H6.25Z" fill="#646A73"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
3
frontend/src/icons/svg/icon_clear_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_clear_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 5.99996H3C2.44772 5.99996 2 6.44767 2 6.99996V14.6666C2 15.0348 2.29848 15.3333 2.66667 15.3333H13.3333C13.7015 15.3333 14 15.0348 14 14.6666V6.99996C14 6.44767 13.5523 5.99996 13 5.99996H10V1.33329C10 0.965103 9.70152 0.666626 9.33333 0.666626H6.66667C6.29848 0.666626 6 0.965103 6 1.33329V5.99996ZM7.33333 7.33329V1.99996H8.66667V7.33329H12.6667V9.33329H3.33333V7.33329H7.33333ZM3.33333 14V10.6666H12.6667V14H11.3333V12.6666H10V14H8.66667V12H7.33333V14H6V12.6666H4.66667V14H3.33333Z" fill="#646A73"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 618 B |
11
frontend/src/icons/svg/icon_dialpad_outlined.svg
Normal file
11
frontend/src/icons/svg/icon_dialpad_outlined.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.66667 4.00004C3.40305 4.00004 4 3.40309 4 2.66671C4 1.93033 3.40305 1.33337 2.66667 1.33337C1.93029 1.33337 1.33334 1.93033 1.33334 2.66671C1.33334 3.40309 1.93029 4.00004 2.66667 4.00004Z" fill="#646A73"/>
|
||||
<path d="M2.66667 9.33337C3.40305 9.33337 4 8.73642 4 8.00004C4 7.26366 3.40305 6.66671 2.66667 6.66671C1.93029 6.66671 1.33334 7.26366 1.33334 8.00004C1.33334 8.73642 1.93029 9.33337 2.66667 9.33337Z" fill="#646A73"/>
|
||||
<path d="M4 13.3334C4 14.0698 3.40305 14.6667 2.66667 14.6667C1.93029 14.6667 1.33334 14.0698 1.33334 13.3334C1.33334 12.597 1.93029 12 2.66667 12C3.40305 12 4 12.597 4 13.3334Z" fill="#646A73"/>
|
||||
<path d="M8 4.00004C8.73638 4.00004 9.33334 3.40309 9.33334 2.66671C9.33334 1.93033 8.73638 1.33337 8 1.33337C7.26362 1.33337 6.66667 1.93033 6.66667 2.66671C6.66667 3.40309 7.26362 4.00004 8 4.00004Z" fill="#646A73"/>
|
||||
<path d="M9.33334 8.00004C9.33334 8.73642 8.73638 9.33337 8 9.33337C7.26362 9.33337 6.66667 8.73642 6.66667 8.00004C6.66667 7.26366 7.26362 6.66671 8 6.66671C8.73638 6.66671 9.33334 7.26366 9.33334 8.00004Z" fill="#646A73"/>
|
||||
<path d="M8 14.6667C8.73638 14.6667 9.33334 14.0698 9.33334 13.3334C9.33334 12.597 8.73638 12 8 12C7.26362 12 6.66667 12.597 6.66667 13.3334C6.66667 14.0698 7.26362 14.6667 8 14.6667Z" fill="#646A73"/>
|
||||
<path d="M13.3333 4.00004C14.0697 4.00004 14.6667 3.40309 14.6667 2.66671C14.6667 1.93033 14.0697 1.33337 13.3333 1.33337C12.597 1.33337 12 1.93033 12 2.66671C12 3.40309 12.597 4.00004 13.3333 4.00004Z" fill="#646A73"/>
|
||||
<path d="M14.6667 8.00004C14.6667 8.73642 14.0697 9.33337 13.3333 9.33337C12.597 9.33337 12 8.73642 12 8.00004C12 7.26366 12.597 6.66671 13.3333 6.66671C14.0697 6.66671 14.6667 7.26366 14.6667 8.00004Z" fill="#646A73"/>
|
||||
<path d="M13.3333 14.6667C14.0697 14.6667 14.6667 14.0698 14.6667 13.3334C14.6667 12.597 14.0697 12 13.3333 12C12.597 12 12 12.597 12 13.3334C12 14.0698 12.597 14.6667 13.3333 14.6667Z" fill="#646A73"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
4
frontend/src/icons/svg/icon_effects_outlined.svg
Normal file
4
frontend/src/icons/svg/icon_effects_outlined.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.43723 2.46185C2.64288 2.2562 2.94086 2.17264 3.22344 2.24138L8.3228 3.48176L12.2925 0.880912C12.545 0.71548 12.8672 0.699535 13.1348 0.839231C13.4024 0.978926 13.5736 1.25242 13.5822 1.55416L13.719 6.34135L17.5636 9.63677C17.7855 9.82697 17.8916 10.1195 17.8431 10.4077C17.7946 10.696 17.5987 10.9377 17.3267 11.0448L12.8025 12.8271L11.0202 17.3514C10.9131 17.6233 10.6713 17.8192 10.3831 17.8677C10.0949 17.9162 9.80236 17.8102 9.61215 17.5882L6.31673 13.7436L1.52955 13.6068C1.2278 13.5982 0.954309 13.4271 0.814613 13.1595C0.674918 12.8919 0.690863 12.5696 0.856295 12.3171L3.45715 8.34741L2.21676 3.24806C2.14802 2.96547 2.23158 2.66749 2.43723 2.46185ZM4.15978 4.1844L5.16203 8.30476C5.21654 8.52884 5.17575 8.7655 5.04936 8.95841L3.06746 11.9834L6.73313 12.0881C6.96801 12.0949 7.18913 12.2004 7.34205 12.3788L9.97683 15.4527L11.3846 11.8791C11.4693 11.6641 11.6395 11.4939 11.8545 11.4092L15.4281 10.0014L12.3542 7.36666C12.1758 7.21375 12.0702 6.99262 12.0635 6.75775L11.9588 3.09208L8.93379 5.07398C8.74088 5.20036 8.50423 5.24116 8.28014 5.18665L4.15978 4.1844Z" fill="#1F2329"/>
|
||||
<path d="M13.6479 14.851L17.4634 18.6665C17.6261 18.8293 17.8899 18.8293 18.0527 18.6665L18.6419 18.0773C18.8046 17.9146 18.8046 17.6507 18.6419 17.488L14.8264 13.6725L13.981 14.0056L13.6479 14.851Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
3
frontend/src/icons/svg/icon_left_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_left_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.36341 10.0001L13.1398 16.7765C13.3026 16.9392 13.3026 17.2031 13.1398 17.3658L12.5506 17.955C12.3879 18.1178 12.1241 18.1178 11.9613 17.955L4.59564 10.5893C4.2702 10.2639 4.2702 9.73627 4.59564 9.41083L11.9613 2.04513C12.1241 1.88242 12.3879 1.88242 12.5506 2.04513L13.1398 2.63439C13.3026 2.79711 13.3026 3.06093 13.1398 3.22365L6.36341 10.0001Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 480 B |
3
frontend/src/icons/svg/icon_magnify_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_magnify_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.1518 11.5968C7.31452 11.4341 7.57834 11.4341 7.74106 11.5968L8.33031 12.186C8.49303 12.3487 8.49303 12.6126 8.33031 12.7753L4.99587 16.1086H7.36621C7.59633 16.1086 7.78288 16.2952 7.78288 16.5253V17.3586C7.78288 17.5887 7.59633 17.7753 7.36621 17.7753H3.05555C2.82544 17.7753 2.6171 17.682 2.4663 17.5312C2.3155 17.3804 2.22222 17.1721 2.22222 16.9419V12.6421C2.22222 12.412 2.40877 12.2255 2.63889 12.2255H3.47222C3.70234 12.2255 3.88889 12.412 3.88889 12.6421V14.8586L7.1518 11.5968ZM16.9367 2.22217C17.1668 2.22217 17.3751 2.31544 17.5259 2.46625C17.6767 2.61705 17.77 2.82538 17.77 3.0555V7.35531C17.77 7.58543 17.5835 7.77198 17.3533 7.77198H16.52C16.2899 7.77198 16.1033 7.58543 16.1033 7.35531V5.13888L12.8404 8.40068C12.6777 8.5634 12.4139 8.5634 12.2512 8.40068L11.6619 7.81142C11.4992 7.6487 11.4992 7.38489 11.6619 7.22217L14.9964 3.88883H12.626C12.3959 3.88883 12.2094 3.70229 12.2094 3.47217V2.63883C12.2094 2.40872 12.3959 2.22217 12.626 2.22217H16.9367Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,4 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.17896 1.78051L14.8914 6.05207C15.0972 6.18305 15.0972 6.48353 14.8914 6.61451L8.17896 10.8861C8.06977 10.9556 7.93023 10.9556 7.82104 10.8861L1.10858 6.61451C0.902751 6.48353 0.90275 6.18305 1.10858 6.05207L7.82104 1.78051C7.93023 1.71102 8.06977 1.71102 8.17896 1.78051ZM3.15017 6.33329L8 9.41954L12.8498 6.33329L8 3.24704L3.15017 6.33329Z" fill="#646A73"/>
|
||||
<path d="M1.73096 9.25737C1.57401 9.16114 1.36878 9.21035 1.27255 9.3673L0.924074 9.93564C0.827845 10.0926 0.877063 10.2978 1.03401 10.394L7.13744 14.1363C7.56569 14.3989 8.10095 14.3989 8.52919 14.1363L14.6326 10.394C14.7896 10.2978 14.8388 10.0926 14.7426 9.93564L14.3941 9.3673C14.2979 9.21035 14.0926 9.16114 13.9357 9.25737L7.92044 12.9456C7.86698 12.9784 7.79965 12.9784 7.7462 12.9456L1.73096 9.25737Z" fill="#646A73"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 901 B |
3
frontend/src/icons/svg/icon_pc_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_pc_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.3333 1.33325H1.66667C1.29848 1.33325 1 1.63173 1 1.99992V11.3333C1 11.7014 1.29848 11.9999 1.66667 11.9999H14.3333C14.7015 11.9999 15 11.7014 15 11.3333V1.99992C15 1.63173 14.7015 1.33325 14.3333 1.33325ZM2.33333 8.66659V2.66659H13.6667V8.66659H2.33333ZM2.33333 9.99992H13.6667V10.6666H2.33333V9.99992ZM4.66667 13.3333H11.3333V14.6666H4.66667V13.3333Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 486 B |
5
frontend/src/icons/svg/icon_phone_outlined.svg
Normal file
5
frontend/src/icons/svg/icon_phone_outlined.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.66666 3.66667H9.33332V5H6.66666V3.66667Z" fill="#1F2329"/>
|
||||
<path d="M8.99999 11H6.99999V12.3333H8.99999V11Z" fill="#1F2329"/>
|
||||
<path d="M3.33332 1C2.96513 1 2.66666 1.29848 2.66666 1.66667V14.3333C2.66666 14.7015 2.96513 15 3.33332 15H12.6667C13.0348 15 13.3333 14.7015 13.3333 14.3333V1.66667C13.3333 1.29848 13.0348 1 12.6667 1H3.33332ZM3.99999 2.33333H12V13.6667H3.99999V2.33333Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 515 B |
3
frontend/src/icons/svg/icon_redo_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_redo_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.0036 1.80702L14.272 5.07542C14.4108 5.21428 14.4108 5.4394 14.272 5.57826L10.6893 9.16093C10.5505 9.29978 10.3253 9.29978 10.1865 9.16093L9.7465 8.72095C9.60765 8.5821 9.60765 8.35698 9.7465 8.21812L12.1858 5.77755L6.44444 5.77783C4.60349 5.77783 3.1111 7.27021 3.1111 9.11116C3.1111 10.9521 4.60349 12.4445 6.44444 12.4445H8.97777C9.17414 12.4445 9.33333 12.6037 9.33333 12.8V13.4223C9.33333 13.6186 9.17414 13.7778 8.97777 13.7778H6.22222C3.74827 13.6568 1.77777 11.6141 1.77777 9.11116C1.77777 6.6082 3.74827 4.56548 6.22259 4.44967L6.22222 4.44449L11.7555 4.44421L10.0608 2.74983C9.92192 2.61098 9.92192 2.38585 10.0608 2.247L10.5008 1.80702C10.6396 1.66817 10.8647 1.66817 11.0036 1.80702Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 829 B |
3
frontend/src/icons/svg/icon_right_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_right_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.8521 8.00004L5.43097 2.57889C5.30079 2.44872 5.30079 2.23766 5.43097 2.10749L5.90237 1.63608C6.03254 1.50591 6.2436 1.50591 6.37377 1.63608L12.2663 7.52864C12.5267 7.78899 12.5267 8.2111 12.2663 8.47145L6.37377 14.364C6.2436 14.4942 6.03254 14.4942 5.90237 14.364L5.43097 13.8926C5.30079 13.7624 5.30079 13.5514 5.43097 13.4212L10.8521 8.00004Z" fill="#8F959E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 479 B |
3
frontend/src/icons/svg/icon_undo_outlined.svg
Normal file
3
frontend/src/icons/svg/icon_undo_outlined.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.43791 2.26348L2.3524 6.34898C2.17884 6.52255 2.17884 6.80395 2.3524 6.97752L6.83075 11.4559C7.00431 11.6294 7.28572 11.6294 7.45929 11.4559L8.00926 10.9059C8.18283 10.7323 8.18283 10.4509 8.00926 10.2774L4.9589 7.22552L12.2222 7.22219V7.22698C14.5234 7.22698 16.3889 9.09246 16.3889 11.3937C16.3889 13.6948 14.5234 15.5603 12.2222 15.5603V15.5555L8.9696 15.5597C8.72436 15.5601 8.52573 15.759 8.52573 16.0042V16.782C8.52573 16.9967 8.67808 17.1759 8.8806 17.2174L8.97075 17.2264L12 17.2214L12.2222 17.227C15.4439 17.227 18.0556 14.6153 18.0556 11.3937C18.0556 8.17199 15.4439 5.56032 12.2222 5.56032V5.55552L5.4989 5.55886L7.61642 3.44199C7.78999 3.26842 7.78999 2.98701 7.61642 2.81345L7.06645 2.26348C6.89288 2.08991 6.61148 2.08991 6.43791 2.26348Z" fill="#1F2329"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 885 B |
@ -128,7 +128,6 @@ export default {
|
||||
<style lang="scss" scoped>
|
||||
.slider-container {
|
||||
width: 100%;
|
||||
overflow: hidden auto;
|
||||
min-height: 24px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
|
||||
@ -735,7 +735,7 @@ export default {
|
||||
const shujujuzhen = evt.target.closest('.icon-shujujuzhen')
|
||||
const suffix = evt.target.closest('.el-input__suffix')
|
||||
const elButton = evt.target.closest('.el-button')
|
||||
if (!parent && !self && !stick && !xuanfuanniu && !shujujuzhen && !suffix&& !elButton) {
|
||||
if (!parent && !self && !stick && !xuanfuanniu && !shujujuzhen && !suffix && !elButton) {
|
||||
this.show = false
|
||||
window.removeEventListener('click', this.closeSidebar)
|
||||
this.showIndex = -1
|
||||
@ -1143,6 +1143,7 @@ export default {
|
||||
|
||||
.de-header {
|
||||
height: 56px !important;
|
||||
padding: 0px!important;
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
background-color: var(--SiderBG, white);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user