optimize web page (#1121)

bltcn

2023-11-23 41c686109df0a7017fb8c82001496e7f04552504

optimize web page (#1121)

* optimize web page

 web-pages/jsconfig.json

@@ -1,19 +1,12 @@
{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
    "compilerOptions": {
        "target": "es5",
        "module": "esnext",
        "baseUrl": "./",
        "moduleResolution": "node",
        "paths": {
            "@/*": ["src/*"]
        },
        "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
    }
}

 web-pages/package-lock.json

@@ -3902,11 +3902,6 @@
                "ms": "2.0.0"
            }
        },
        "decode-uri-component": {
            "version": "0.2.2",
            "resolved": "http://27.17.3.62:20000/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
            "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="
        },
        "deep-is": {
            "version": "0.1.4",
            "resolved": "http://27.17.3.62:20000/deep-is/-/deep-is-0.1.4.tgz",
@@ -5265,14 +5260,6 @@
            "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
            "dev": true
        },
        "frondend-config": {
            "version": "2.1.1",
            "resolved": "http://27.17.3.62:20000/frondend-config/-/frondend-config-2.1.1.tgz",
            "integrity": "sha512-T6hTHteGd+FzFa7fM65OGiXoZP+rtALAW56Ef+JhDkWW9JNDDx76G3vUKcCz/gBv5XuzJ4NcAy4gpxA0hf/A6A==",
            "requires": {
                "axios": "^0.19.2"
            }
        },
        "fs-extra": {
            "version": "9.1.0",
            "resolved": "http://27.17.3.62:20000/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -6111,11 +6098,6 @@
                "@sideway/formula": "^3.0.0",
                "@sideway/pinpoint": "^2.0.0"
            }
        },
        "js-cookie": {
            "version": "2.2.1",
            "resolved": "http://27.17.3.62:20000/js-cookie/-/js-cookie-2.2.1.tgz",
            "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
        },
        "js-message": {
            "version": "1.0.7",
@@ -7315,27 +7297,6 @@
                "resize-observer-polyfill": "^1.5.0"
            }
        },
        "plugin-directive-loading": {
            "version": "1.0.2",
            "resolved": "http://27.17.3.62:20000/plugin-directive-loading/-/plugin-directive-loading-1.0.2.tgz",
            "integrity": "sha512-Jf/recIRUPnQuM3rfY/gJVQvKn4IqqqqX2Nt9daoLMS3RMef+YHJx3T0vKvxpTmhMCVYZtK3Za5c93NZM0DKXA==",
            "requires": {
                "axios": "^0.19.0",
                "core-js": "^2.6.5",
                "js-cookie": "^2.2.1",
                "mockjs": "^1.0.1-beta3",
                "vue": "^2.6.10",
                "vue-router": "^3.1.3",
                "vuex": "^3.1.1"
            },
            "dependencies": {
                "core-js": {
                    "version": "2.6.12",
                    "resolved": "http://27.17.3.62:20000/core-js/-/core-js-2.6.12.tgz",
                    "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
                }
            }
        },
        "portfinder": {
            "version": "1.0.28",
            "resolved": "http://27.17.3.62:20000/portfinder/-/portfinder-1.0.28.tgz",
@@ -7793,16 +7754,6 @@
            "dev": true,
            "requires": {
                "side-channel": "^1.0.4"
            }
        },
        "query-string": {
            "version": "6.12.1",
            "resolved": "http://27.17.3.62:20000/query-string/-/query-string-6.12.1.tgz",
            "integrity": "sha512-OHj+zzfRMyj3rmo/6G8a5Ifvw3AleL/EbcHMD27YA31Q+cO5lfmQxECkImuNVjcskLcvBRVHNAB3w6udMs1eAA==",
            "requires": {
                "decode-uri-component": "^0.2.0",
                "split-on-first": "^1.0.0",
                "strict-uri-encode": "^2.0.0"
            }
        },
        "queue-microtask": {
@@ -8553,43 +8504,11 @@
                }
            }
        },
        "split-on-first": {
            "version": "1.1.0",
            "resolved": "http://27.17.3.62:20000/split-on-first/-/split-on-first-1.1.0.tgz",
            "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw=="
        },
        "sprintf-js": {
            "version": "1.0.3",
            "resolved": "http://27.17.3.62:20000/sprintf-js/-/sprintf-js-1.0.3.tgz",
            "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
            "dev": true
        },
        "sso-proxy-frondend": {
            "version": "1.1.7",
            "resolved": "http://27.17.3.62:20000/sso-proxy-frondend/-/sso-proxy-frondend-1.1.7.tgz",
            "integrity": "sha512-uUgkDmnbfFvINp9UfpQKo7ZfpktODy/Dp6Xf0RSfoX+IuRqUp+NPy563cbmb28RBKV8ULmaCKU3VzvEbLO4HBA==",
            "requires": {
                "axios": "^0.19.2",
                "frondend-config": "^2.1.1",
                "query-string": "^5.1.1"
            },
            "dependencies": {
                "query-string": {
                    "version": "5.1.1",
                    "resolved": "http://27.17.3.62:20000/query-string/-/query-string-5.1.1.tgz",
                    "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
                    "requires": {
                        "decode-uri-component": "^0.2.0",
                        "object-assign": "^4.1.0",
                        "strict-uri-encode": "^1.0.0"
                    }
                },
                "strict-uri-encode": {
                    "version": "1.1.0",
                    "resolved": "http://27.17.3.62:20000/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
                    "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
                }
            }
        },
        "ssr-window": {
            "version": "2.0.0",
@@ -8622,11 +8541,6 @@
            "resolved": "http://27.17.3.62:20000/statuses/-/statuses-2.0.1.tgz",
            "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
            "dev": true
        },
        "strict-uri-encode": {
            "version": "2.0.0",
            "resolved": "http://27.17.3.62:20000/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
            "integrity": "sha1-ucczDHBChi9rFC3CdLvMWGbONUY="
        },
        "string-convert": {
            "version": "0.2.1",

 web-pages/package.json

@@ -12,13 +12,9 @@
        "@liveqing/liveplayer": "2.7.10",
        "axios": "0.19.2",
        "core-js": "3.22.5",
        "frondend-config": "2.1.1",
        "mockjs": "1.1.0",
        "query-string": "6.12.1",
        "sso-proxy-frondend": "1.1.7",
        "vue": "2.6.14",
        "plugin-component-scrollbar": "1.0.12",
        "plugin-directive-loading": "1.0.2",
        "vue-router": "3.5.3",
        "vuex": "3.6.2",
        "swiper": "5.4.5",

 web-pages/src/main.js

@@ -11,7 +11,6 @@
import globalFunctions from './globalFunctions'

import pluginComponentScrollbar from 'plugin-component-scrollbar'
import pluginDirectiveLoading from 'plugin-directive-loading'

// 第三方组件
// ant-design-vue 组件 按需加载
@@ -24,7 +23,6 @@
Vue.use(Input)

Vue.use(pluginComponentScrollbar)
Vue.use(pluginDirectiveLoading)

const axiosInstance = Axios.create({
    timeout: 60000

 web-pages/src/store/modules/common.js

@@ -1,19 +1,7 @@
const common = {
    state: {
        isLoading: false,
        loadingText: '',
        loadingSpinner: '',
        loadingBackground: ''
    },
    state: {},

    mutations: {
        SET_IS_LOADING: (state, { isLoading, loadingText, loadingSpinner, loadingBackground }) => {
            state.isLoading = isLoading
            state.loadingText = loadingText || '加载中...'
            state.loadingSpinner = loadingSpinner || 'icon-loading-1'
            state.loadingBackground = loadingBackground || 'rgba(0, 0, 0, 0.8)'
        }
    }
    mutations: {}
}

export default common

 web-pages/src/views/app/index.vue

@@ -2,10 +2,6 @@
    <a-config-provider :locale="locale">
        <div
            class="app-container"
            v-uiloading="isLoading"
            :ui-loading-text="loadingText"
            :ui-loading-spinner="loadingSpinner"
            :ui-loading-background="loadingBackground"
        >
            <div class="app-content" ref="app-content">
                <ui-scrollbar class="app-content-scrollbar" style="height: 100%;" :childOverWidth="false" :wrapStyle="[{ overflowX: 'hidden' }]">
@@ -28,20 +24,7 @@
                contentMinHeight: 0
            }
        },
        computed: {
            isLoading () {
                return this.$store.state.common.isLoading
            },
            loadingText () {
                return this.$store.state.common.loadingText
            },
            loadingSpinner () {
                return this.$store.state.common.loadingSpinner
            },
            loadingBackground () {
                return this.$store.state.common.loadingBackground
            }
        },
        computed: {},
        beforeCreate () {
            const setHtmlFontSize = function () {
                const deviceWidth =

 web-pages/src/views/home/assets/css/banner.scss

@@ -24,6 +24,12 @@
            transform: scale(.33)
        }
    }
    .hiddenPagination{
        .swiper-pagination{

            display: none;
        }
    }
    .item{
        width: 100%;
        height: 100%;

 web-pages/src/views/home/banner.vue

@@ -1,6 +1,6 @@
<template>
    <div class="banner-comp">
        <div class="swiper-container" ref="swiper-container">
        <div class="swiper-container" ref="swiper-container" :class="{hiddenPagination: bannerList && bannerList.length<2}">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="(item,index) in bannerList" :key="index">
                    <div class="item">
@@ -37,22 +37,6 @@
            bannerList: [
                {
                    flag: 1,
                    url: require('./assets/images/banner.png')
                },
                {
                    flag: 2,
                    url: require('./assets/images/banner.png')
                },
                {
                    flag: 2,
                    url: require('./assets/images/banner.png')
                },
                {
                    flag: 2,
                    url: require('./assets/images/banner.png')
                },
                {
                    flag: 2,
                    url: require('./assets/images/banner.png')
                }
            ],

 web-pages/src/views/home/index.vue

@@ -44,7 +44,7 @@
                </ul>
            </div>

            <div class="line-box">
            <!-- <div class="line-box">
                <div></div>
            </div>

@@ -60,7 +60,7 @@
                        联系电话: 400 862 6126
                    </li>
                </ul>
            </div>
            </div> -->
        </footer>

    </div>

 web-pages/src/views/home/lxwjzxfw.vue

@@ -99,7 +99,7 @@

            <div class="xq-box">
                <div class="video-box">
                    <iframe src="//player.bilibili.com/player.html?aid=663707374&bvid=BV11a4y1U72y&cid=1338069747&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
                    <iframe src="//player.bilibili.com/player.html?aid=663707374&bvid=BV11a4y1U72y&cid=1338069747&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="false"> </iframe>
                    <!-- <LivePlayer
                        :autoplay="false"
                        :videoUrl="videoSrc"

 web-pages/src/views/home/sstx.vue

@@ -117,7 +117,7 @@

            <div class="xq-box">
                <div class="video-box">
                    <iframe src="//player.bilibili.com/player.html?aid=278639821&bvid=BV1Yw411K7LY&cid=1338073559&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
                    <iframe src="//player.bilibili.com/player.html?aid=278639821&bvid=BV1Yw411K7LY&cid=1338073559&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" > </iframe>
                    <!-- <LivePlayer
                        :autoplay="false"
                        :videoUrl="videoSrc"