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
2023-11-01 18:00:29 +08:00
parent 6371ef5b02
commit 5456e8784d
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
nezha-fronted/src/assets/css/components/common/timePicker.scss
View File

@@ -342,3 +342,10 @@
.el-date-range-picker__content.el-date-range-picker__content__only{ .el-date-range-picker__content.el-date-range-picker__content__only{
width: 100%; width: 100%;
} }
.nz-time-box.nz-dropdown {
width: 64px;
.dropdown-content {
height: 32px;
line-height: 32px;
}
}

4
nezha-fronted/src/components/common/js/constants.js
View File

@@ -370,8 +370,8 @@ export const intervalList = [
{ value: 300, label: '5m' }, { value: 300, label: '5m' },
{ value: 900, label: '15m' }, { value: 900, label: '15m' },
{ value: 1800, label: '30m' }, { value: 1800, label: '30m' },
{ value: 3600, label: '1h' }, // { value: 3600, label: '1h' },
{ value: 7200, label: '2h' } // { value: 7200, label: '2h' }
] ]
export const setting = { export const setting = {

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

@@ -12,7 +12,7 @@
<span class="select-refresh-time-label" v-if="interval">{{interLabel}}</span> <span class="select-refresh-time-label" v-if="interval">{{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 popper-z-index" v-clickoutside="dropdownHandler"> <ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown popper-z-index nz-time-box" v-clickoutside="dropdownHandler">
<li v-for="i in $CONSTANTS.intervalList" :key="i.value + i.label" :style="{color:interval === i.value || interval.value === i.value ? theme.themeColor : ''}" class="el-dropdown-menu__item dropdown-content" @click="selectInterval(i,true)"> <li v-for="i in $CONSTANTS.intervalList" :key="i.value + i.label" :style="{color:interval === i.value || interval.value === i.value ? theme.themeColor : ''}" class="el-dropdown-menu__item dropdown-content" @click="selectInterval(i,true)">
{{$t(i.label)}} {{$t(i.label)}}
</li> </li>