菜单调整

shuishen

2024-01-16 71f531c1d8c4460f15a67dad09a39c92cdf989b3

菜单调整

 public/img/box/title-bg - 副本.png

 public/img/box/title-bg.png

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-07-19 15:51:33
 * @LastEditTime: 2024-01-16 11:45:21
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -321,21 +321,21 @@
            // global.viewer.addTerrain(terrain)

            // 内网
            that.switchImg()
            // that.switchImg()

            // 地形数据添加
            // that.addTerrain()

            // 外网 
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=d083e4cf30bfc438ef93436c10c2c20a',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=d083e4cf30bfc438ef93436c10c2c20a',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })
            )

            // 设置地图初始位置，角度等
            global.viewer.camera.setView({

 src/styles/media/index.scss

@@ -21,24 +21,24 @@
                    }

                    .menu-list.left {
                        margin-left: countSizeVh(72);
                        margin-left: countSizeVh(58);
                    }

                    .menu-list.right {
                        margin-right: countSizeVh(72);
                        margin-right: countSizeVh(58);
                    }

                    .menu-list {

                        .nav-list {
                            width: countSizeVw(132, 1920);
                            width: countSizeVw(110, 1920);
                            height: countSizeVh(36);
                            font-size: countSizeVh(18);

                            .sub-nav-list {
                                border-top: countSizeVh(14) solid transparent;
                                top: countSizeVh(28);
                                left: countSizeVw(72, 1920);
                                left: countSizeVw(-72, 1920);

                                div {
                                    height: countSizeVh(36);

 src/views/layout/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:24
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-07-12 09:56:09
 * @LastEditTime: 2024-01-16 14:16:21
 * @FilePath: \srs-police-affairs\src\views\layout\index.vue
 * @Description: 
 * 
@@ -188,9 +188,7 @@
                    menuName: '警力资源',
                    path: '/layout/policeresouce'

                }
            ],
            menuRightList: [
                },
                {
                    menuName: '视频监控',
                    path: '/layout/video/list',
@@ -207,12 +205,22 @@
                        }
                    ]
                },
            ],
            menuRightList: [
                {
                    menuName: '电子沙盘',
                    path: '/layout/activity'
                },
                {
                    menuName: '警情信息',
                    path: '/layout/policeinfor'
                },
                {
                    menuName: '扫码应用',
                    path: '/layout/policeinfor'
                },
                {
                    menuName: '智能搜索',
                    path: '/layout/policeinfor'
                }
            ],
@@ -499,29 +507,29 @@
        }

        .menu-list.left {
            margin-left: 72px;
            margin-left: 58px;

            .nav-list {
                background: $menu-tab-bg-color;
                // border-radius: 10px 16px 10px 16px;
                transform: skew(58deg);
                transform: skew(61.5deg);

                &>span {
                    transform: skew(-58deg);
                    transform: skew(-61.5deg);
                }
            }
        }

        .menu-list.right {
            margin-right: 72px;
            margin-right: 58px;

            .nav-list {
                background: $menu-tab-bg-color;
                // border-radius: 16px 10px 16px 10px;
                transform: skew(-58deg);
                transform: skew(-61.5deg);

                &>span {
                    transform: skew(58deg);
                    transform: skew(61.5deg);
                }
            }
        }
@@ -540,12 +548,12 @@
            }

            .nav-list {
                margin: 0 15px;
                margin: 0 10px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 132px;
                width: 110px;
                height: 36px;
                font-size: 18px;
                font-weight: bold;
@@ -556,11 +564,11 @@
                    border-top: 14px solid transparent;
                    position: absolute;
                    top: 28px;
                    left: 72px;
                    left: -72px;
                    width: 100%;
                    cursor: default;
                    z-index: 999;
                    transform: skew(58deg);
                    transform: skew(-61.5deg);

                    div {
                        height: 36px;
@@ -596,7 +604,7 @@
            position: absolute;
            top: 0;
            right: 0;
            width: 60px;
            width: 42px;
            height: 60px;
            line-height: 60px;
            text-align: center;
@@ -610,9 +618,9 @@
                left: 0;
                bottom: 0;
                margin: auto;
                width: 40px;
                height: 40px;
                line-height: 40px;
                width: 36px;
                height: 36px;
                line-height: 36px;
                text-align: center;
                background: $menu-tab-bg-color;
                box-shadow: inset 0 0 10px $menu-tab-shadow;