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
2021-04-29 09:28:39 +08:00
parent abbe58be0a
commit f1cb4abb20
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/assets/css/common/tableCommon.scss
View File

@@ -96,6 +96,8 @@
} }
.top-tool-btn--dropdown { .top-tool-btn--dropdown {
position: relative; position: relative;
width: auto;
min-width: 36px;
} }
} }
.top-tools--sub { .top-tools--sub {

7
nezha-fronted/src/components/common/pickTime.vue
View File

@@ -9,7 +9,7 @@
<span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span> <span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span>
</button> </button>
<button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)"> <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)">
<span class="select-refresh-time" v-if="interval !== -1">{{interLabel}}</span> <span class="select-refresh-time-label" v-if="interval !== -1">{{interLabel}}</span>
<i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i> <i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown"> <ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown">
@@ -98,7 +98,7 @@ export default {
selectInterval (val) { selectInterval (val) {
this.visible = false this.visible = false
this.interval = val.value this.interval = val.value
this.interLabel = val.value this.interLabel = val.label
console.info(this.interval, val) console.info(this.interval, val)
if (!this.showTimePicker && val && val.value != -1) { if (!this.showTimePicker && val && val.value != -1) {
this.intervalTimer = setInterval(() => { this.intervalTimer = setInterval(() => {
@@ -170,4 +170,7 @@ export default {
.interval-refresh { .interval-refresh {
display: flex; display: flex;
} }
.select-refresh-time-label{
margin-left: 5px;
}
</style> </style>