头部样式修改

guanqb

2022-09-27 84737f843f00001f1c84f4d12ac9bd7555638774

头部样式修改

 public/img/logo.png

 src/views/lyout/index.vue

@@ -11,7 +11,10 @@
<template>
    <div class="wrapper">
        <div class="main-header">
            <div class="title">社区警务平台</div>
            <!-- <div class="title">社区警务平台</div> -->
            <div class="title">
                <img src="../../../public/img/logo.png" />
            </div>

            <!-- 菜单导航 -->
            <div class="menu-list">
@@ -25,7 +28,7 @@
            </div>

            <!-- 用户登录展示的 -->
            <div class="user-infor"></div>
            <!-- <div class="user-infor"></div> -->
        </div>

        <div class="main-container">
@@ -112,6 +115,7 @@

    .main-header {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        height: 80px;
@@ -124,11 +128,18 @@
        z-index: 99;

        .title {
            width: 300px;
            width: 400px;
            text-align: center;
            overflow: hidden;
            & > img {
                // width: 100%;
                height: 120%;
                margin-top: -5px;
            }
        }

        .menu-list {
            width: 800px;
            display: flex;
            align-items: center;

@@ -139,16 +150,20 @@
                justify-content: space-between;
                height: 60px;
                font-size: 32px;
                font-weight: 400;
                cursor: pointer;
                border-bottom: 3px solid transparent;
            }

            .nav.on {
                color: rgba(32, 106, 181, 1);
                // color: rgba(32, 106, 181, 1);
                border-bottom: 3px solid #409eff;
                box-sizing: border-box;
            }

            .nav:hover {
                color: rgba(32, 106, 181, 1);
                font-weight: bold;
                // color: rgba(32, 106, 181, 1);
                // font-weight: bold;
            }
        }