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

feat:tag 列添加title

Browse Source
This commit is contained in:
wangwenrui
2020-09-11 14:09:57 +08:00
parent 08b31351d9
commit ad68f347f5
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -60,7 +60,7 @@
:sort-orders="['ascending', 'descending']" :sort-orders="['ascending', 'descending']"
> >
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<span v-if="item.type == 'tag'" style="display: flex; width: 100%; align-items: center; flex-wrap: nowrap;"><span style="max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{item.label}}</span><span style="color:orange; width: 40px;">&nbsp;[Tag]</span></span> <span v-if="item.type == 'tag'" class="tag-header" :title="item.label"><span class="tag-value">{{item.label}}</span><span class="tag-mark">&nbsp;[Tag]</span></span>
<span v-else><span>{{item.label}}</span></span> <span v-else><span>{{item.label}}</span></span>
</template> </template>
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
@@ -788,6 +788,15 @@
vertical-align: middle; vertical-align: middle;
display: inline-flex; display: inline-flex;
} }
.tag-header{
display: flex; width: 100%; align-items: center; flex-wrap: nowrap;
.tag-value{
max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.tag-mark{
color:orange; width: 40px;
}
}
/*/deep/ .sidebar-info-item .el-checkbox__label{*/ /*/deep/ .sidebar-info-item .el-checkbox__label{*/
/*padding-right: 15px;*/ /*padding-right: 15px;*/
/*width: calc(100% - 32px);*/ /*width: calc(100% - 32px);*/