gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 公用 header 时间选择器和刷新部分样式调整

Browse Source
This commit is contained in:
@changcode
2022-07-15 18:06:50 +08:00
parent 076cb932f7
commit 9c0c524d47
4 changed files with 41 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/TimeRange/DateTimeRange.vue
View File

@@ -1,7 +1,7 @@
<template>
<div v-ele-click-outside="changeDropdown" style="position: relative" class="date-range-box">
<div @click="showDropdown" class="date-range-text">
<div class="calendar-popover-text"><i class="cn-icon cn-icon-time"></i></div>
<div class="calendar-popover-text"><i class="cn-icon cn-icon-Data"></i></div>
<div class="calendar-popover-text" style="display: flex" v-if="isCustom">
<div class="calendar-popover-text">{{ dateFormatByAppearance(startTime) }}</div>
<div class="calendar-popover-text"> -</div>
@@ -10,8 +10,8 @@
<div class="calendar-popover-text" v-else>
{{ showDetail }}
</div>
<div class="calendar-popover-text"><i class="cn-icon cn-icon-arrow-down"
:class="dropdownFlag ? 'cn-icon-arrow-down-active' : ''"></i></div>
<div class="calendar-popover-text calendar-popover__small"><i class="cn-icon cn-icon-dropdown"
:class="dropdownFlag ? 'cn-icon-up' : ''"></i></div>
</div>
<transition name="el-zoom-in-top">
<div v-if="dropdownFlag" class="date-range-panel">

10
src/components/common/TimeRange/TimeRefresh.vue
View File

@@ -2,9 +2,9 @@
<div class="cn-refresh-box" v-ele-click-outside="dropdownShowFalse">
<span>
<el-button-group size="mini">
<el-button size="mini" @click="$emit('change')"><i class="cn-icon cn-icon-refresh"></i></el-button>
<el-button size="mini" @click="showRefreshList">
{{interLabel}}
<el-button size="mini" @click="$emit('change')"><i class="cn-icon cn-icon-refresh1"></i></el-button>
<el-button class="cn-button" size="mini" @click="showRefreshList">
<span class="cn-button-label" v-if="interLabel">{{interLabel}}</span>
<i class="cn-icon cn-icon-dropdown" :class="dropdownShow?'active' : ''"></i>
</el-button>
</el-button-group>
@@ -12,8 +12,8 @@
<transition name="el-zoom-in-top">
<div v-if="dropdownShow" class="refresh-list">
<div v-for="(item, index) in refreshArr" :key="index" @click="setRefresh(item)" class="refresh-list-item" :class="item.value==interval ? 'active' : ''">
{{item.label}}
<i v-if="item.value==interval" class="cn-icon cn-icon-check"></i>
{{item.label}}
<i v-if="item.value==interval" class="cn-icon cn-icon-check"></i>
</div>
</div>
</transition>