滚动条更改

shuishen

2023-04-06 5d44db7dc438fdad628a1d371ddcebca742a806c

滚动条更改

 pnpm-lock.yaml

New file
Diff too large

 src/App.vue

@@ -2,14 +2,17 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 15:58:10
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-03-06 14:42:43
 * @FilePath: \srs-police-affairs\src\App.vue
 * @LastEditTime: 2023-04-06 20:26:37
 * @FilePath: \bigScreen\src\App.vue
 * @Description: app.vue
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
-->
<template>
    <div id="app">
    <div id="app" :style="{
        width: currentWidth + 'px',
        height: currentHeight + 'px'
    }">
        <router-view></router-view>
    </div>
</template>
@@ -18,25 +21,30 @@
export default {
    data () {
        return {

            currentWidth: 0,
            currentHeight: 0,
            useSceen: false
        }
    },


    created () {

        if (window.screen.availWidth) {
            this.currentWidth = window.screen.width
            this.currentHeight = window.screen.height
        }
    },

    methods: {

        getWidth () {
            return this.currentWidth
        }
    }
}
</script>

<style lang="scss">
#app {
    width: 100%;
    height: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

 src/views/layout/index.vue

@@ -2,8 +2,8 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:24
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-04-04 13:18:56
 * @FilePath: \hbsl\src\views\layout\index.vue
 * @LastEditTime: 2023-04-06 20:27:54
 * @FilePath: \bigScreen\src\views\layout\index.vue
 * @Description: 
 * 
 * Copyright (c) 2022 by shuishen 1109946754@qq.com, All Rights Reserved. 
@@ -12,7 +12,7 @@
    <div class="wrapper">
        <map-box ref="modalForm">
            <!-- 主体内容区域 -->
            <div slot="mainContent"  class="main-content" id="MainContent">
            <div slot="mainContent" class="main-content" id="MainContent">
                <div class="main-header">
                    <div class="title">
                        湖北省水库大坝监测平台
@@ -47,21 +47,23 @@
    position: relative;
    width: 100%;
    height: 100%;

    #MainContent {
      position: fixed;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }

    .main-content {
        

        height: 1080px;
        background:
            url(/images/header.png) no-repeat center / 100% 100%,
            url(/images/pro-bg.png) no-repeat center / 100% 100%;
       

        pointer-events: none;

        .main-header {