样式更改

shuishen

2022-12-01 e56e26850e7c5aecfd0d8479def0ecd66fab0d99

样式更改

 public/img/box/4.png

 public/img/box/b-t-box.png

Binary files differ

 public/img/box/bottom-box.png

 public/img/box/bottom-box1.png

 public/img/box/box-bg.png

 public/img/box/box-bg1.png

 public/img/box/title-bg.png

 public/img/box/title-bg2.png

 src/styles/scssFile.scss

@@ -1,8 +1,8 @@
$bg-color: rgba(2, 27, 121, 0.8);
$bg-color: rgba(9, 40, 199, 0.8);

$el-dialog-bg-color: rgba(16, 29, 74, 1);

$select-box-bg-color: rgba(2, 27, 121, 0.8);
$select-box-bg-color: rgba(9, 40, 199, 0.8);

$sub-tab-bg-color: linear-gradient(to bottom, rgba(2, 27, 121, .8), rgba(5, 117, 230, .8));

@@ -10,6 +10,10 @@

$sub-tab-on-border-color: rgb(0, 188, 212);

$menu-tab-bg-color: rgba(19, 41, 168, .8);

$menu-tab-shadow: rgba(144, 202, 249, 0.8);

.select-on-tab {
    box-shadow: 0 0 10px $sub-tab-on-border-color;
    box-shadow: 0 0 10px $menu-tab-shadow;
}

 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-11-30 14:33:10
 * @LastEditTime: 2022-12-01 09:13:02
 * @FilePath: \srs-police-affairs\src\views\lyout\index.vue
 * @Description: 
 * 
@@ -294,10 +294,9 @@
            margin-left: 72px;

            .nav-list {
                background: rgba(5, 13, 64, .8);
                background: $menu-tab-bg-color;
                // border-radius: 10px 16px 10px 16px;
                transform: skew(58deg);
                box-shadow: inset 0 0 10px rgb(14, 98, 130);

                &>span {
                    transform: skew(-58deg);
@@ -309,10 +308,9 @@
            margin-right: 72px;

            .nav-list {
                background: rgba(5, 13, 64, .8);
                background: $menu-tab-bg-color;
                // border-radius: 16px 10px 16px 10px;
                transform: skew(-58deg);
                box-shadow: inset 0 0 10px rgb(14, 98, 130);

                &>span {
                    transform: skew(58deg);
@@ -324,9 +322,10 @@
            display: flex;
            align-items: center;

            .nav-list.on {
            &>.nav-list.on {
                // color: rgba(32, 106, 181, 1);
                // border-bottom: 2px solid #409eff;
                box-shadow: inset 0 0 10px $menu-tab-shadow;
                color: rgba(252, 189, 86, 1);
            }

@@ -395,7 +394,7 @@
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: rgba(5, 13, 64, .8);
                background: $menu-tab-bg-color;
                box-shadow: inset 0 0 10px rgb(14, 98, 130);
                border-radius: 50%;
            }