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

style：修改拓扑图样式问题 以及添加连线的箭头样式问题

Browse Source
This commit is contained in:
zhangyu
2020-10-16 13:38:03 +08:00
parent 4ae303d837
commit 2465ce5961
8 changed files with 25 additions and 17 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.

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

@@ -20,10 +20,13 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="push-pin-line" unicode="&#59217;" d="M768 768v-85.333333h-42.666667v-256l85.333334-128v-85.333334h-256v-298.666666h-85.333334v298.666666H213.333333v85.333334l85.333334 128V682.666667H256V768h512zM384 682.666667v-281.856L315.904 298.666667h392.192L640 400.810667V682.666667H384z" horiz-adv-x="1024" />
<glyph glyph-name="sanjiaoxing" unicode="&#59087;" d="M959.51284282 384L85.82049052 820.84617615v-873.6923523z" horiz-adv-x="1024" />
<glyph glyph-name="push-pin-fill" unicode="&#59218;" d="M768 768v-85.333333h-42.666667v-256l85.333334-128v-85.333334h-256v-298.666666h-85.333334v298.666666H213.333333v85.333334l85.333334 128V682.666667H256V768z" horiz-adv-x="1024" />
<glyph glyph-name="push-pin-line" unicode="&#59217;" d="M768 810.66666668v-85.333333h-42.666667v-256l85.333334-128v-85.333334h-256v-298.666666h-85.333334v298.666666H213.333333v85.333334l85.333334 128V725.33333368H256V810.66666668h512zM384 725.33333368v-281.856L315.904 341.33333368h392.192L640 443.47733368V725.33333368H384z" horiz-adv-x="1024" />
<glyph glyph-name="push-pin-fill" unicode="&#59218;" d="M768 810.66666668v-85.333333h-42.666667v-256l85.333334-128v-85.333334h-256v-298.666666h-85.333334v298.666666H213.333333v85.333334l85.333334 128V725.33333368H256V810.66666668z" horiz-adv-x="1024" />
<glyph glyph-name="jiantou-top" unicode="&#59080;" d="M487.88433956 782.07800262c10.9211544 11.57642367 42.37407908 11.57642367 58.97423378 0l345.10847916-311.03447742c27.73973218-28.39500145 16.60015469-51.32942569-22.49757807-51.3294257H658.47277135v-370.0087112a74.48227303 74.48227303 0 0 0-72.29804215-74.26384995H446.60237592a74.48227303 74.48227303 0 0 0-72.07961907 74.26384995V419.49567641H163.0892076c-39.09773276 0-50.23731026 22.71600116-22.27915499 51.32942569L487.88433956 782.07800262z" horiz-adv-x="1024" />
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 125 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.

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

File diff suppressed because one or more lines are too long

17
nezha-fronted/src/components/common/project/addLine.vue
View File

@@ -84,14 +84,14 @@
<div slot="prefix">
<div class="width-option">
<div v-if='form.arrows==="from"' class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-right position-right" style="top: -15px;"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-right" style="top: -15px;"></i>
</div>
<div v-if='form.arrows==="to"' class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-left position-left" style="top: -15px;"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-left" style="top: -15px;"></i>
</div>
<div v-if='form.arrows==="from;to"' class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-left position-left" style="top: -15px;"></i>
<i class="nz-icon nz-icon-caret-right position-right" style="top: -15px;"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-left" style="top: -15px;"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-right" style="top: -15px;"></i>
</div>
<div v-if='form.arrows==="0"' class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}"></div>
</div>
@@ -99,22 +99,22 @@
<el-option label="from" value="from">
<div class="width-option">
<div class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-right position-right"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-right"></i>
</div>
</div>
</el-option>
<el-option label="to" value="to">
<div class="width-option">
<div class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-left position-left"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-left"></i>
</div>
</div>
</el-option>
<el-option label="from;to" value="from;to">
<div class="width-option">
<div class="width-option-line" :style="{height:0,width:'80%',borderTop:'1px solid #899FB7'}">
<i class="nz-icon nz-icon-caret-left position-left"></i>
<i class="nz-icon nz-icon-caret-right position-right"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-left"></i>
<i class="nz-icon nz-icon-sanjiaoxing position-right"></i>
</div>
</div>
</el-option>
@@ -567,6 +567,7 @@
position: absolute;
left:-4px ;
top: -18px;
transform: rotate(180deg);
}
.position-right{
position: absolute;

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

@@ -1225,7 +1225,7 @@
display: inline-block;
width: 36px;
}
.edit-topology-add:hover,.edit-topology-remove:active,.edit-topologyCancel{
.edit-topology-add:hover,.edit-topology-remove:active,.edit-topologyCancel:hover{
font-weight: bold;
}
.sel-node{