fix: 修复实体关系ip列表的按钮宽度异常的问题

This commit is contained in:
刘洪洪
2023-06-30 15:33:00 +08:00
parent 76b409d95d
commit e474003376
2 changed files with 9 additions and 11 deletions

View File

@@ -40,11 +40,10 @@ $font-size: 12px;
margin-bottom: 24px;
.graph-list-expand-btn {
width: 90px;
height: 28px;
line-height: 28px;
background: #38ACD2;
border-radius: 4px;
border-radius: 3px;
font-size: 12px;
color: #FFFFFF;
display: flex;
@@ -52,8 +51,9 @@ $font-size: 12px;
justify-content: center;
font-family: NotoSansHans-Medium;
font-weight: 500;
padding: 10px 0;
padding: 14px 10px;
cursor: pointer;
border: 1px solid rgba(46,136,166,0.85);
i {
font-size: 16px;

View File

@@ -15,16 +15,10 @@
</div>
<div class="graph-list-expand-btn-block">
<div class="graph-list-expand-btn">
<i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>
<div class="graph-list-expand-btn" style="display: inline-flex;" @click="expandList">
<i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>
{{ $t('entity.graph.continueToExpand') }}
</div>
<!-- <el-button type="primary" class="graph-list-expand-btn">-->
<!-- <span>-->
<!-- <i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>-->
<!-- {{ $t('entity.graph.continueToExpand') }}-->
<!-- </span>-->
<!-- </el-button>-->
</div>
<div>
@@ -92,6 +86,10 @@ export default {
onMouseenter (val) {
// 鼠标移动过graph列表名称时graph图的分支图形会变大一点
this.$emit('mouseenter', val)
},
expandList () {
// 继续拓展ip列表传递信息调用接口
// this.$emit('expandList')
}
}
}