最新

XIGUASSR

2022-11-06 e19516a5684f2cc5364300679a79f51d4cb02d21

最新

 config/index.js

@@ -24,7 +24,7 @@
    },

    // Various Dev Server settings
    host: '0.0.0.0', // can be overwritten by process.env.HOST
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 80, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: true,
    errorOverlay: true,

 package-lock.json

@@ -784,6 +784,19 @@
        "node": "*"
      }
    },
    "node_modules/autoprefixer-loader/node_modules/browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
      "dependencies": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
      },
      "bin": {
        "browserslist": "cli.js"
      }
    },
    "node_modules/autoprefixer-loader/node_modules/chalk": {
      "version": "1.1.3",
      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz",
@@ -1902,6 +1915,15 @@
        "node": ">=8"
      }
    },
    "node_modules/bindings": {
      "version": "1.5.0",
      "resolved": "https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz",
      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
      "optional": true,
      "dependencies": {
        "file-uri-to-path": "1.0.0"
      }
    },
    "node_modules/bluebird": {
      "version": "3.7.2",
      "resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.7.2.tgz",
@@ -2090,16 +2112,21 @@
      }
    },
    "node_modules/browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
      "version": "4.21.4",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "dependencies": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
        "caniuse-lite": "^1.0.30001400",
        "electron-to-chromium": "^1.4.251",
        "node-releases": "^2.0.6",
        "update-browserslist-db": "^1.0.9"
      },
      "bin": {
        "browserslist": "cli.js"
      },
      "engines": {
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
    "node_modules/buffer": {
@@ -2285,6 +2312,19 @@
        "caniuse-db": "^1.0.30000529",
        "lodash.memoize": "^4.1.2",
        "lodash.uniq": "^4.5.0"
      }
    },
    "node_modules/caniuse-api/node_modules/browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
      "dependencies": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
      },
      "bin": {
        "browserslist": "cli.js"
      }
    },
    "node_modules/caniuse-db": {
@@ -3297,24 +3337,6 @@
        "node": ">=6.9.0"
      }
    },
    "node_modules/cssnano-preset-default/node_modules/browserslist": {
      "version": "4.21.4",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "dependencies": {
        "caniuse-lite": "^1.0.30001400",
        "electron-to-chromium": "^1.4.251",
        "node-releases": "^2.0.6",
        "update-browserslist-db": "^1.0.9"
      },
      "bin": {
        "browserslist": "cli.js"
      },
      "engines": {
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
    "node_modules/cssnano-preset-default/node_modules/caniuse-api": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -4014,6 +4036,19 @@
        "num2fraction": "^1.2.2",
        "postcss": "^5.2.16",
        "postcss-value-parser": "^3.2.3"
      }
    },
    "node_modules/cssnano/node_modules/browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
      "dependencies": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
      },
      "bin": {
        "browserslist": "cli.js"
      }
    },
    "node_modules/cssnano/node_modules/chalk": {
@@ -5785,6 +5820,12 @@
      "peerDependencies": {
        "webpack": "^2.0.0 || ^3.0.0 || ^4.0.0"
      }
    },
    "node_modules/file-uri-to-path": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
      "optional": true
    },
    "node_modules/filename-regex": {
      "version": "2.0.1",
@@ -8528,6 +8569,12 @@
      "integrity": "sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==",
      "dev": true
    },
    "node_modules/nan": {
      "version": "2.17.0",
      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.17.0.tgz",
      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
      "optional": true
    },
    "node_modules/nanoid": {
      "version": "3.3.4",
      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz",
@@ -9477,6 +9524,13 @@
      "engines": {
        "node": ">=10.13.0"
      }
    },
    "node_modules/popper.js": {
      "version": "1.16.1",
      "resolved": "https://registry.npmmirror.com/popper.js/-/popper.js-1.16.1.tgz",
      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
      "peer": true
    },
    "node_modules/portfinder": {
      "version": "1.0.32",
@@ -10635,6 +10689,19 @@
        "node": ">=0.10.0"
      }
    },
    "node_modules/postcss-merge-rules/node_modules/browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "deprecated": "Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.",
      "dependencies": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
      },
      "bin": {
        "browserslist": "cli.js"
      }
    },
    "node_modules/postcss-merge-rules/node_modules/chalk": {
      "version": "1.1.3",
      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz",
@@ -11455,24 +11522,6 @@
      },
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/postcss-normalize-unicode/node_modules/browserslist": {
      "version": "4.21.4",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "dependencies": {
        "caniuse-lite": "^1.0.30001400",
        "electron-to-chromium": "^1.4.251",
        "node-releases": "^2.0.6",
        "update-browserslist-db": "^1.0.9"
      },
      "bin": {
        "browserslist": "cli.js"
      },
      "engines": {
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
    "node_modules/postcss-normalize-unicode/node_modules/picocolors": {
@@ -14426,24 +14475,6 @@
        "node": ">=6.9.0"
      }
    },
    "node_modules/stylehacks/node_modules/browserslist": {
      "version": "4.21.4",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "dependencies": {
        "caniuse-lite": "^1.0.30001400",
        "electron-to-chromium": "^1.4.251",
        "node-releases": "^2.0.6",
        "update-browserslist-db": "^1.0.9"
      },
      "bin": {
        "browserslist": "cli.js"
      },
      "engines": {
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
    "node_modules/stylehacks/node_modules/picocolors": {
      "version": "0.2.1",
      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
@@ -15208,6 +15239,12 @@
        "@vue/compiler-sfc": "2.7.13",
        "csstype": "^3.1.0"
      }
    },
    "node_modules/vue-class-component": {
      "version": "6.3.2",
      "resolved": "https://registry.npmmirror.com/vue-class-component/-/vue-class-component-6.3.2.tgz",
      "integrity": "sha512-cH208IoM+jgZyEf/g7mnFyofwPDJTM/QvBNhYMjqGB8fCsRyTf68rH2ISw/G20tJv+5mIThQ3upKwoL4jLTr1A==",
      "peer": true
    },
    "node_modules/vue-clipboard2": {
      "version": "0.3.3",
@@ -17955,6 +17992,15 @@
          "resolved": "https://registry.npmmirror.com/big.js/-/big.js-3.2.0.tgz",
          "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q=="
        },
        "browserslist": {
          "version": "1.7.7",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
          "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
          "requires": {
            "caniuse-db": "^1.0.30000639",
            "electron-to-chromium": "^1.2.7"
          }
        },
        "chalk": {
          "version": "1.1.3",
          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz",
@@ -18950,6 +18996,15 @@
      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
    },
    "bindings": {
      "version": "1.5.0",
      "resolved": "https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz",
      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
      "optional": true,
      "requires": {
        "file-uri-to-path": "1.0.0"
      }
    },
    "bluebird": {
      "version": "3.7.2",
      "resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.7.2.tgz",
@@ -19126,12 +19181,15 @@
      }
    },
    "browserslist": {
      "version": "1.7.7",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
      "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
      "version": "4.21.4",
      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "requires": {
        "caniuse-db": "^1.0.30000639",
        "electron-to-chromium": "^1.2.7"
        "caniuse-lite": "^1.0.30001400",
        "electron-to-chromium": "^1.4.251",
        "node-releases": "^2.0.6",
        "update-browserslist-db": "^1.0.9"
      }
    },
    "buffer": {
@@ -19296,6 +19354,17 @@
        "caniuse-db": "^1.0.30000529",
        "lodash.memoize": "^4.1.2",
        "lodash.uniq": "^4.5.0"
      },
      "dependencies": {
        "browserslist": {
          "version": "1.7.7",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
          "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
          "requires": {
            "caniuse-db": "^1.0.30000639",
            "electron-to-chromium": "^1.2.7"
          }
        }
      }
    },
    "caniuse-db": {
@@ -20143,6 +20212,15 @@
            "postcss-value-parser": "^3.2.3"
          }
        },
        "browserslist": {
          "version": "1.7.7",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
          "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
          "requires": {
            "caniuse-db": "^1.0.30000639",
            "electron-to-chromium": "^1.2.7"
          }
        },
        "chalk": {
          "version": "1.1.3",
          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz",
@@ -20231,18 +20309,6 @@
        "postcss-unique-selectors": "^4.0.1"
      },
      "dependencies": {
        "browserslist": {
          "version": "4.21.4",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
          "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
          "dev": true,
          "requires": {
            "caniuse-lite": "^1.0.30001400",
            "electron-to-chromium": "^1.4.251",
            "node-releases": "^2.0.6",
            "update-browserslist-db": "^1.0.9"
          }
        },
        "caniuse-api": {
          "version": "3.0.0",
          "resolved": "https://registry.npmmirror.com/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -22264,6 +22330,12 @@
        "loader-utils": "^1.0.2",
        "schema-utils": "^0.4.5"
      }
    },
    "file-uri-to-path": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
      "optional": true
    },
    "filename-regex": {
      "version": "2.0.1",
@@ -24494,6 +24566,12 @@
      "integrity": "sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==",
      "dev": true
    },
    "nan": {
      "version": "2.17.0",
      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.17.0.tgz",
      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
      "optional": true
    },
    "nanoid": {
      "version": "3.3.4",
      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz",
@@ -25255,6 +25333,12 @@
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz",
      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
    },
    "popper.js": {
      "version": "1.16.1",
      "resolved": "https://registry.npmmirror.com/popper.js/-/popper.js-1.16.1.tgz",
      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
      "peer": true
    },
    "portfinder": {
      "version": "1.0.32",
@@ -26171,6 +26255,15 @@
          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-2.2.1.tgz",
          "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA=="
        },
        "browserslist": {
          "version": "1.7.7",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-1.7.7.tgz",
          "integrity": "sha512-qHJblDE2bXVRYzuDetv/wAeHOJyO97+9wxC1cdCtyzgNuSozOyRCiiLaCR1f71AN66lQdVVBipWm63V+a7bPOw==",
          "requires": {
            "caniuse-db": "^1.0.30000639",
            "electron-to-chromium": "^1.2.7"
          }
        },
        "chalk": {
          "version": "1.1.3",
          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz",
@@ -26843,18 +26936,6 @@
        "postcss-value-parser": "^3.0.0"
      },
      "dependencies": {
        "browserslist": {
          "version": "4.21.4",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
          "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
          "dev": true,
          "requires": {
            "caniuse-lite": "^1.0.30001400",
            "electron-to-chromium": "^1.4.251",
            "node-releases": "^2.0.6",
            "update-browserslist-db": "^1.0.9"
          }
        },
        "picocolors": {
          "version": "0.2.1",
          "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
@@ -29272,18 +29353,6 @@
        "postcss-selector-parser": "^3.0.0"
      },
      "dependencies": {
        "browserslist": {
          "version": "4.21.4",
          "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.4.tgz",
          "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
          "dev": true,
          "requires": {
            "caniuse-lite": "^1.0.30001400",
            "electron-to-chromium": "^1.4.251",
            "node-releases": "^2.0.6",
            "update-browserslist-db": "^1.0.9"
          }
        },
        "picocolors": {
          "version": "0.2.1",
          "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-0.2.1.tgz",
@@ -29930,6 +29999,12 @@
        "csstype": "^3.1.0"
      }
    },
    "vue-class-component": {
      "version": "6.3.2",
      "resolved": "https://registry.npmmirror.com/vue-class-component/-/vue-class-component-6.3.2.tgz",
      "integrity": "sha512-cH208IoM+jgZyEf/g7mnFyofwPDJTM/QvBNhYMjqGB8fCsRyTf68rH2ISw/G20tJv+5mIThQ3upKwoL4jLTr1A==",
      "peer": true
    },
    "vue-clipboard2": {
      "version": "0.3.3",
      "resolved": "https://registry.npmmirror.com/vue-clipboard2/-/vue-clipboard2-0.3.3.tgz",

 src/assets/img/fenlei.png

 src/assets/img/fenlei2.png

 src/assets/img/search2.png

 src/assets/img/shenfen.png

 src/assets/img/yuoujiantou.png

 src/components/foot.vue

@@ -11,13 +11,13 @@
      </div>
      <div v-show="$store.state.select != '/home'">首页</div>
    </div>
    <div :class="touch==2?'footDemos':'footDemo'" @click="goRouter('/list',2)">
    <div :class="touch==2?'footDemos':'footDemo'" @click="goRouter('/trading-list',2)">
      <div class="footImgDeft">

        <img v-show="$store.state.select == '/list'" src="~@/assets/foot/trade_selected.png" />
        <img v-show="$store.state.select != '/list'" src="~@/assets/foot/tab_main_trade_default.png" />
        <img v-show="$store.state.select == '/trading-list'" src="~@/assets/foot/trade_selected.png" />
        <img v-show="$store.state.select != '/trading-list'" src="~@/assets/foot/tab_main_trade_default.png" />
      </div>
      <div :class="$store.state.select == '/list'?'blueFont':''">交易</div>
      <div :class="$store.state.select == '/trading-list'?'blueFont':''">交易</div>
    </div>
    <div :class="touch==3?'footDemos':'footDemo'" @click="goRouter('/orderlist',3)">
      <div class="footImgDeft">

 src/main.js

@@ -25,6 +25,7 @@
import animated from 'animate.css' // npm install animate.css --save安装，在引入

import '../static/css/public2.css'
import { Tab, Tabs } from 'vant';
import echarts from 'echarts'
Vue.prototype.$echarts = echarts;
// import VueTouch from 'vue-touch'
@@ -42,6 +43,8 @@

Vue.use(Vant);
Vue.use(Mint)
Vue.use(Tab);
Vue.use(Tabs);
Vue.component('icon', Icon)
Vue.config.productionTip = false
Object.keys(filters).forEach(key => {

 src/page/list/trading-list.vue

New file
@@ -0,0 +1,478 @@
<template>
  <div class="tr_list_page">
    <div class="content">
      <div class="tabs">
        <div class="top_title">
          <div class="tabs_title">
            <div
              class="tb"
              v-for="(item, index) in tabsArr"
              :key="index"
              @click="handleTabsClick(item, index)"
            >
              <span :class="index === tabsIndex ? 'active' : ''">{{ item }}</span>
            </div>
          </div>
          <div class="right_money"></div>
        </div>
        <div class="bottom_content" v-if="tabsIndex === 1">
          <!-- 搜索框 -->
          <div class="search">
            <div class="search_content">
              <div class="left_search">
                <div class="search_img">
                  <img src="../../assets/img/search2.png" alt />
                </div>
                <div class="search_input">
                  <input type="text" class="searchs" placeholder="输入品种名称/代码搜索" />
                </div>
              </div>
              <div class="right_search_class">
                <img src="../../assets/img/fenlei2.png" alt />
              </div>
            </div>
          </div>
          <div class="tab_class">
            <div class="scroll_tab">
              <div
                class="tab_items"
                v-for="(item, index) in tabsClassArr"
                :key="index"
                @click="handleTabsItem(item, index)"
              >
                <span :class="tabsItemIndex === index ? 'active' : ''">{{ item.name }}</span>
              </div>
            </div>
          </div>
          <div class="kai_mess">
            <div class="left_identity_img">
              <img src="../../assets/img/shenfen.png" alt />
            </div>
            <div class="text">
              <span>{{ '开户即可入金交易' }}</span>
            </div>
            <div class="right_go">
              <img src="../../assets/img/yuoujiantou.png" alt />
            </div>
          </div>
          <div class="list_title">
            <div class="item_title varieties">
              <span>{{ '品种' }}</span>
            </div>
            <div class="item_title latest_price">
              <span>{{ '最新价' }}</span>
            </div>
            <div class="item_title applies">
              <span>{{ '涨跌幅' }}</span>
            </div>
          </div>
          <div class="list">
            <div class="list_items">
              <div class="item" v-for="(item, index) in listArr" :key="index">
                <div class="left_title">
                  <div class="tp">
                    <span class="title_color">{{ item.name }}</span>
                  </div>
                  <div class="bt">
                    <span>{{ item.referred }}</span>
                  </div>
                </div>
                <div class="center_price">
                  <div class="tp">
                    <span class="price_color">{{ item.price }}</span>
                  </div>
                  <div class="bt">
                    <span>{{ item.time }}</span>
                  </div>
                </div>
                <div class="right_bs">
                  <div class="tp">
                    <span class="price_color">{{ item.applies + '%' }}</span>
                  </div>
                  <div class="bt"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "trading",
  data() {
    return {
      tabsIndex: 0,
      tabsArr: ["自选", "市场"],
      tabClassActive: 1,
      tabsClassArr: [
        {
          name: "热门",
          type: 1
        },
        {
          name: "外汇",
          type: 2
        },
        {
          name: "商品",
          type: 3
        },
        {
          name: "股票",
          type: 4
        },
        {
          name: "指数",
          type: 5
        },
        {
          name: "加密",
          type: 6
        }
      ],
      tabsItemIndex: 0,
      listArr: [
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93,
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        },
        {
          name: "香港50指数",
          referred: "HK50",
          price: 16445.5,
          time: "02:59:58",
          applies: 5.93
        }
      ]
    };
  },
  methods: {
    handleTabsClick(item, index) {
      this.tabsIndex = index;
    },
    handleTabsItem(item, index) {
      this.tabsItemIndex = index;
    }
  }
};
</script>

<style scoped lang="less">
.tr_list_page {
  width: 100%;
  height: calc(100% - 1.3rem);
  background: #fff;
  > .content {
    width: 100%;
    height: 100%;
    padding: 0 0.3rem;
  }
}
.tabs {
  width: 100%;
  height: 100%;
  margin-top: 1.1282rem;
  .top_title {
    width: 100%;
    height: 1.2821rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    > div {
      width: 40%;
      height: 100%;
      display: flex;
    }
    .tb {
      width: 50%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.4103rem;
    }
    .active {
      font-size: 0.5003rem;
      font-weight: 800;
    }
  }
  .search {
    width: 100%;
    height: 1.3333rem;
    display: flex;
    align-items: center;
    .search_content {
      width: 100%;
      height: 90%;
      display: flex;
      align-items: center;
    }
    .left_search {
      width: 87%;
      height: 100%;
      background: rgb(246, 246, 246);
      border-radius: 0.2rem;
      display: flex;
      .search_img {
        width: 1rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
          width: 0.6rem;
          height: 0.6rem;
        }
      }
      .search_input {
        width: calc(100% - 1rem);
        height: 100%;
        display: flex;
      }
    }
    .right_search_class {
      width: 13%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      img {
        width: 0.6rem;
        height: 0.6rem;
      }
    }
  }
}
.bottom_content {
  width: 100%;
  height: calc(100% - 1.2821rem);
}
.scroll_tab {
  width: 100%;
  height: 1.1538rem;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  white-space: nowrap;

  > div {
    display: inline-block;
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    span {
      display: inline-block;
      min-width: 40%;
      height: 100%;
      text-align: center;
      line-height: 1.1538rem;
    }
  }
  span.active {
    color: rgb(43, 132, 247);
    border-bottom: 1px solid rgb(43, 132, 247);
    font-weight: 800;
    transition: all 0.5s;
  }
}
.scroll_tab::-webkit-scrollbar {
  display: none;
}
.kai_mess {
  width: 100%;
  height: 1.2821rem;
  background: rgb(245, 249, 254);
  display: flex;
  justify-content: space-between;
  .left_identity_img {
    width: 0.9744rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    img {
      width: 0.6rem;
      height: 0.6rem;
    }
  }
  .text {
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #2883f7;
    font-weight: 800;
    font-size: 0.35rem;
    padding-left: 0.4128rem;
  }
  .right_go {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: 0.6rem;
      height: 0.6rem;
    }
  }
}
.list::-webkit-scrollbar {
  display: none;
}
.list {
  width: 100%;
  height: calc(100% - 1.2821rem -  1rem - 1.1538rem - 1.3333rem);
  overflow-x: auto;
  padding-bottom: 1.2821rem;
  .list_items {
    width: 100%;
    > div {
      width: 100%;
      height: 1.0256rem;
      display: flex;
      margin: 0.5rem 0;
      > div {
        > div {
          display: flex;
          align-items: center;
        }
        .tp {
          width: 100%;
          height: 70%;
        }
        .bt {
          width: 100%;
          height: 30%;
        }
      }
    }
    .left_title {
      width: 45%;
      height: 100%;
    }
    .center_price {
      width: 35%;
      height: 100%;
    }
    .right_bs {
      width: 20%;
      height: 100%;
    }
  }
}
.list_title {
    width: 100%;
    height: 1rem;
    color: #ccc;
    display: flex;
    >div {
        display: flex;
        align-items: center;
    }
    .varieties{
        width: 45%;
    }
    .latest_price {
        width: 35%;
    }
    .applies {
        width: 20%;
    }
}
.price_color {
  color: rgb(39, 171, 99);
  font-size: 0.4rem;
  font-weight: 600;
}
.title_color {
  color: rgb(2, 2, 2);
  font-size: 0.4rem;
  font-weight: 600;
}
</style>

 src/router/index.js

@@ -7,6 +7,7 @@
import Forget from '@/page/forget'
import Login from '@/page/login'
import List from '@/page/list/list'
import TradingList from '@/page/list/trading-list'
import Searchlist from '@/page/list/list-search'
import IndexSearchlist from '@/page/list/indexlist-search' // 指数查询
import SearchMylist from '@/page/list/my-list-search'
@@ -136,17 +137,30 @@
        index: 6
      },
      component: OpenAccount
    }, {
      path: '/list',
      name: 'list',
    }, 
    {
      path: '/trading-list',
      name: 'TradingList',
      meta: {
        title: '行情',
        requireAuth: false,
        hasHeader: false,
        index: 7
      },
      component: List
    }, {
      component: TradingList
    }
    // {
    //   path: '/list',
    //   name: 'list',
    //   meta: {
    //     title: '行情',
    //     requireAuth: false,
    //     hasHeader: false,
    //     index: 7
    //   },
    //   component: List
    // }
    , {
      path: '/indexsearchlist',
      name: '指数查询',
      meta: {