From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 16 七月 2025 22:39:23 +0800 Subject: [PATCH] 添加时间筛选 --- src/views/layout/components/NavBar/index.vue | 64 +++++++++++++++++++++++++------- 1 files changed, 50 insertions(+), 14 deletions(-) diff --git a/src/views/layout/components/NavBar/index.vue b/src/views/layout/components/NavBar/index.vue index 1be904b..312ed43 100644 --- a/src/views/layout/components/NavBar/index.vue +++ b/src/views/layout/components/NavBar/index.vue @@ -1,20 +1,56 @@ <template> - <el-breadcrumb separator-class="el-icon-arrow-right"> - <el-breadcrumb-item :to="{ path: '/' }">棣栭〉</el-breadcrumb-item> - <el-breadcrumb-item>娲诲姩绠$悊</el-breadcrumb-item> - <el-breadcrumb-item>娲诲姩鍒楄〃</el-breadcrumb-item> - <el-breadcrumb-item>娲诲姩璇︽儏</el-breadcrumb-item> - </el-breadcrumb> + <div class="NavBar"> + <div class="NavTitle">椤甸潰瀵艰埅</div> + <div class="NavRefresh"> + <el-button icon="el-icon-refresh" @click="Refresh">鍒锋柊</el-button> + </div> + </div> </template> - <script> -export default {}; -</script> +export default { + data(){ + return{ -<style lang="scss" scoped> -.el-breadcrumb{ - background-color: #09152F; - border: 1px dotted #081F31; - height: 50px; + } + }, + methods:{ + Refresh(){ + window.location.href = ""; + } + } } +</script> +<style lang="scss" scoped> + .NavBar{ + display: flex; + color: #999999; + justify-content: space-between; + line-height: 60px; + width: 100%; + padding: 0 40px; + background-color: #fff; + .NavTitle{ + display: flex; + align-items: center; + font-weight: 650; + font-size: 18px; + &::before{ + content: ""; + display: inline-block; + width: 5px; + height: 20px; + margin-right: 5px; + background-color: #0079fe; + } + } + .NavRefresh{ + width: 70px; + height: 30px; + .el-button{ + padding: 0; + width: 100%; + height: 100%; + } + } + } </style> \ No newline at end of file -- Gitblit v1.8.0