lyout样式

shuishen

2022-09-23 7f577d608ab4a71f8d5d46033254994a58c25eb1

lyout样式

 src/views/lyout/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:24
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-09-22 11:21:18
 * @LastEditTime: 2022-09-23 17:19:04
 * @FilePath: \srs-police-affairs\src\views\lyout\index.vue
 * @Description: 
 * 
@@ -92,7 +92,8 @@
</script>

<style scoped lang="scss">
$color-blue: #1d236e;
$bg-blue: rgba(24, 33, 92, 0.9);

.wrapper {
    position: relative;
    width: 100%;
@@ -107,12 +108,13 @@
        text-align: left;
        font-size: 44px;
        font-weight: bold;
        color: $color-blue;
        background: #1f93ff89;
        color: #fff;
        background: $bg-blue;
        z-index: 99;

        .title {
            width: 300px;
            text-align: center;
        }

        .menu-list {
@@ -120,18 +122,18 @@
            align-items: center;

            .nav {
                padding: 0 10px 0 20px;
                padding: 0 16px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 60px;
                font-size: 32px;
                cursor: pointer;
            }

            .nav:hover {
                color: $color-blue;
                color: rgba(32, 106, 181, 1);
                font-weight: bold;
                background: rgb(93, 225, 255);
            }
        }