style: 时间选择器 下拉样式调整
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 = {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user