style: 时间选择器 下拉样式调整

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

View File

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

View File

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

View File

@@ -12,7 +12,7 @@
<span class="select-refresh-time-label" v-if="interval">{{interLabel}}</span>
<i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i>
<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)">
{{$t(i.label)}}
</li>