gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：样式微调

Browse Source
This commit is contained in:
zhangyu
2021-02-04 18:35:53 +08:00
parent 15df380a10
commit f13caa5872
9 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
nezha-fronted/src/assets/css/font/iconfont.eot
View File

Binary file not shown.

6
nezha-fronted/src/assets/css/font/iconfont.svg
View File

@@ -20,6 +20,12 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="revoke1" unicode="&#59118;" d="M444.51696428 665.85277317h437.50983336L796.94424055 752.48106438a40.05466394 40.05466394 0 0 0 0 56.45288137 38.44172462 38.44172462 0 0 0 55.51200003 0l152.01954619-154.57336599a40.05466394 40.05466394 0 0 0 0-56.52008827L852.38903539 443.13271339a39.1809878 39.1809878 0 0 0-55.51200089 0 40.05466394 40.05466394 0 0 0 0 56.45288222l85.2169692 86.22505574H444.51696428c-160.48747825 0-290.79954668-125.47325044-290.79954667-279.57617577 0-154.23733744 130.37927447-279.64338183 290.79954667-279.64338269h401.75634153c21.64027172 0 39.1137826-17.74233424 39.11378259-39.78584057a39.3153999 39.3153999 0 0 0-39.11378259-39.71863452H444.51696428C240.74894344-52.84617615000002 75.15382385 108.44777135000004 75.15382385 306.70491625c0 197.78670337 165.59511959 359.14785692 369.36314043 359.14785692z" horiz-adv-x="1102" />
<glyph glyph-name="revoke" unicode="&#59119;" d="M646.81519655 665.85277317h-437.50983338L294.38792112 752.48106438a40.05466394 40.05466394 0 0 1 0 56.45288137 38.44172462 38.44172462 0 0 1-55.51200087 0l-152.01954533-154.57336599a40.05466394 40.05466394 0 0 1 0-56.52008827L238.94312629 443.13271339a39.1809878 39.1809878 0 0 1 55.51200002 0 40.05466394 40.05466394 0 0 1 0 56.45288222L209.23815711 585.8778574h437.57703944c160.48747825 0 290.79954668-125.47325044 290.79954753-279.57617663 0-154.23733744-130.37927447-279.64338183-290.79954753-279.64338182H245.05885502a39.3153999 39.3153999 0 0 1-39.1137826-39.78584058c0-21.97630029 17.47351088-39.71863452 39.1137826-39.71863452h401.75634153C850.58321738-52.84617615000002 1016.17833782 108.44777135000004 1016.17833782 306.70491625c0 197.78670337-165.59511959 359.14785692-369.36314127 359.14785692z" horiz-adv-x="1102" />
<glyph glyph-name="overview-endpoint" unicode="&#59115;" d="M510.90486451 673.95312647c11.59554802 0 21.00082594-9.40527792 21.00082682-21.00082594v-170.77665876h90.73516496c21.51618377 59.16950578 55.62642172 101.46104736 102.74944149 126.35926691a21.00082594 21.00082594 0 0 0 19.64801284-37.17017455c-33.36941113-17.58658154-59.20171614-47.21964909-77.23923567-89.18909236h47.28406893c14.26896647 0 27.12069914-8.69666145 32.46753516-21.99933123l91.47599178-228.17462207c2.86667709-7.08616814 3.28540559-14.78432429 1.38502432-21.93491227H167.99873478a34.97990357 34.97990357 0 0 0 1.73933211 22.83678825l99.20635742 228.20683155c5.54009553 12.75510334 18.13414885 21.03303629 32.08101702 21.03303629l38.20088932 0.03220948c-18.03751953 41.96944239-43.86982454 71.60251082-77.20702531 89.22130184a21.00082594 21.00082594 0 0 0 19.58359213 37.13796507c47.15522926-24.89821868 81.26546721-67.18976025 102.78165184-126.35926691h105.48727978V652.95230053c0 10.53262289 7.79478548 19.26149382 17.90867985 20.74314746zM827.23786329 193.96184743000003c11.59554802 0 21.00082594-9.40527792 21.00082681-21.00082595v-195.99697574c0-19.32591366-15.65398991-34.97990357-34.97990444-34.97990357H194.47523641c-19.32591366 0-34.97990357 15.65398991-34.97990357 34.97990357v195.99697574c0 11.59554802 9.40527792 21.00082594 20.96861645 21.00082595h646.773914z m-87.9651172-96.62956831h-483.14784495a32.20985668 32.20985668 0 0 1 0-64.41971248h483.14784495a32.20985668 32.20985668 0 0 1 0 64.41971248zM216.89329615 722.94431803a90.99284432 90.99284432 0 1 0 0-181.98568862 90.99284432 90.99284432 0 0 0 0 181.98568862z m587.99092724 0a90.99284432 90.99284432 0 1 0 0-181.98568862 90.99284432 90.99284432 0 0 0 0 181.98568862zM510.87265503 834.93798828a90.99284432 90.99284432 0 1 0 0-181.98568775 90.99284432 90.99284432 0 0 0 0 181.98568775z" horiz-adv-x="1024" />
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 130 KiB

BIN
nezha-fronted/src/assets/css/font/iconfont.ttf
View File

Binary file not shown.

BIN
nezha-fronted/src/assets/css/font/iconfont.woff
View File

Binary file not shown.

BIN
nezha-fronted/src/assets/css/font/iconfont.woff2
View File

Binary file not shown.

20
nezha-fronted/src/assets/css/nzIcon.css
View File

File diff suppressed because one or more lines are too long

27
nezha-fronted/src/components/common/project/L5/CanvasProps.vue
View File

@@ -180,21 +180,22 @@
</div>
<div
class="color-tab"
v-if="item.showColor">
v-show="item.showColor">
<div :class="{'color-active':item.showType=='fill'}" @click="changeShowPicker(item ,'fill')">Fill</div>
<div :class="{'color-active':item.showType=='line'}" @click="changeShowPicker(item , 'line')">Line</div>
<div :class="{'color-active':item.showType=='text'}" @click="changeShowPicker(item , 'text')">Text</div>
</div>
</div>
<span> > </span>
</span>
<span v-else>base</span>
</el-col>
<el-col class="thresholds-cell" :span="4">
<el-input
<el-col class="thresholds-cell" :span="4" style="display: flex">
<span> > </span>
<el-input-number
v-if="item.level!==0"
v-model="item.value"
@change="valueMappingValueChange(item)"
:controls="false"
size="small"
/>
<span v-else>base</span>
@@ -229,7 +230,7 @@
<!--默认-->
<span v-if="item.level===0">base</span>
</el-col>
<el-col class="thresholds-cell" :span="4">
<el-col class="thresholds-cell" :span="4" style="text-align: center">
<i v-if="item.level!==0" @click="valueMappingDel(index, item)"
class="nz-icon nz-icon-minus">
</i>
@@ -237,7 +238,7 @@
</el-row>
</div>
</div>
<div @click="valueMappingAdd()" style="text-align: center">
<div @click="valueMappingAdd()" style="text-align: center" class="value-mapping-add">
<i class="nz-icon nz-icon-plus"></i>
</div>
@@ -1655,7 +1656,7 @@
},
showColor:undefined,
animateType:this.selection.pen.type?1:'upDown',
value:'',
value:0,
level:this.selection.pen.data.valueMapping.length,
showType:'fill',//bac text border
});
@@ -1711,6 +1712,8 @@
.props-box /deep/ .el-tabs--card > .el-tabs__header .el-tabs__item {
box-sizing: content-box;
height: 31px;
line-height: 31px;
}
</style>
<style>
@@ -1728,7 +1731,7 @@
background: #eeeeee;
height: 36px;
line-height: 36px;
border-radius: 10px 0 0 0;
border-radius: 0;
padding-left: 10px;
}
@@ -1942,7 +1945,13 @@
line-height: 32px;
}
}
.value-mapping-add{
background: #FA901C30;
margin-bottom: 10px;
height: 24px;
line-height: 24px;
color: #FA901C;
}
.mb10 {
margin-bottom: 10px;
}

4
nezha-fronted/src/components/common/project/L5/topologyTopTool.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="tool-top" id="tool-top">
<div id="undo" :class="['top-tool-item',cachesIndex>0?'':'top-tool-item-disabled']" @click="undo"> <i class="nz-icon nz-icon-jiantou-left" /> </div>
<div id="redo" :class="['top-tool-item',redoFlag?'':'top-tool-item-disabled']" @click="redo"> <i class="nz-icon nz-icon-jiantou-right" /> </div>
<div id="undo" :class="['top-tool-item',cachesIndex>0?'':'top-tool-item-disabled']" @click="undo"> <i class="nz-icon nz-icon-revoke" /> </div>
<div id="redo" :class="['top-tool-item',redoFlag?'':'top-tool-item-disabled']" @click="redo"> <i class="nz-icon nz-icon-revoke1" /> </div>
<!--<div class="top-tool-item" @click="centerView"> 居中</div>-->
<!--<div class="top-tool-item" @click="fitView"> 自适应</div>-->
<!--<div :class="['top-tool-item',toolShow.node?'tool-item-active':'']" @click="toolShowChange('node')"> 节点工具 </div>-->

2
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -1832,7 +1832,7 @@
top: 0;
background: #FFFFFF;
box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.09);
border-radius: 10px;
border-radius: 0px;
}
}