From e19516a5684f2cc5364300679a79f51d4cb02d21 Mon Sep 17 00:00:00 2001
From: XIGUASSR <623844246@qq.com>
Date: Sun, 06 Nov 2022 23:51:54 +0800
Subject: [PATCH] 最新
---
src/assets/img/yuoujiantou.png | 0
src/assets/img/search2.png | 0
package-lock.json | 277 ++++++++++++-------
src/components/foot.vue | 8
config/index.js | 2
src/assets/img/fenlei.png | 0
src/main.js | 3
src/page/list/trading-list.vue | 478 ++++++++++++++++++++++++++++++++++
src/assets/img/shenfen.png | 0
src/assets/img/fenlei2.png | 0
src/router/index.js | 24 +
11 files changed, 681 insertions(+), 111 deletions(-)
diff --git a/config/index.js b/config/index.js
index 582994a..94ec1d9 100644
--- a/config/index.js
+++ b/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,
diff --git a/package-lock.json b/package-lock.json
index f55b1ad..76661cb 100644
--- a/package-lock.json
+++ b/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",
diff --git a/src/assets/img/fenlei.png b/src/assets/img/fenlei.png
new file mode 100644
index 0000000..e119b1b
--- /dev/null
+++ b/src/assets/img/fenlei.png
Binary files differ
diff --git a/src/assets/img/fenlei2.png b/src/assets/img/fenlei2.png
new file mode 100644
index 0000000..3627f06
--- /dev/null
+++ b/src/assets/img/fenlei2.png
Binary files differ
diff --git a/src/assets/img/search2.png b/src/assets/img/search2.png
new file mode 100644
index 0000000..2ae5234
--- /dev/null
+++ b/src/assets/img/search2.png
Binary files differ
diff --git a/src/assets/img/shenfen.png b/src/assets/img/shenfen.png
new file mode 100644
index 0000000..9f7c060
--- /dev/null
+++ b/src/assets/img/shenfen.png
Binary files differ
diff --git a/src/assets/img/yuoujiantou.png b/src/assets/img/yuoujiantou.png
new file mode 100644
index 0000000..03335e8
--- /dev/null
+++ b/src/assets/img/yuoujiantou.png
Binary files differ
diff --git a/src/components/foot.vue b/src/components/foot.vue
index 496426e..f985d38 100644
--- a/src/components/foot.vue
+++ b/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">
diff --git a/src/main.js b/src/main.js
index e388e41..25b1bf1 100644
--- a/src/main.js
+++ b/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 => {
diff --git a/src/page/list/trading-list.vue b/src/page/list/trading-list.vue
new file mode 100644
index 0000000..0009131
--- /dev/null
+++ b/src/page/list/trading-list.vue
@@ -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>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 48b5c2b..d470127 100644
--- a/src/router/index.js
+++ b/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: {
--
Gitblit v1.9.3