添加时间筛选

zhanghua

9 天以前 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3

 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>