diff --git a/front/package-lock.json b/front/package-lock.json index 672a8e85e3470a8a8a16eb2badd33f80ef75bad6..13413d6b6a68e93cc42bfe60a4dff54407e0d639 100644 --- a/front/package-lock.json +++ b/front/package-lock.json @@ -9,10 +9,10 @@ "version": "0.0.0", "dependencies": { "axios": "^1.5.0", -<<<<<<< HEAD + "element-plus": "^2.3.12", -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "vue": "^3.3.4", "vue-router": "^4.2.4", "vuex": "^4.1.0" @@ -34,7 +34,7 @@ "node": ">=6.0.0" } }, -<<<<<<< HEAD + "node_modules/@ctrl/tinycolor": { "version": "3.6.1", "resolved": "https://r.cnpmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz", @@ -51,8 +51,8 @@ "vue": "^3.2.0" } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://r.cnpmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -405,7 +405,7 @@ "node": ">=12" } }, -<<<<<<< HEAD + "node_modules/@floating-ui/core": { "version": "1.4.1", "resolved": "https://r.cnpmjs.org/@floating-ui/core/-/core-1.4.1.tgz", @@ -428,14 +428,14 @@ "resolved": "https://r.cnpmjs.org/@floating-ui/utils/-/utils-0.1.2.tgz", "integrity": "sha512-ou3elfqG/hZsbmF4bxeJhPHIf3G2pm0ujc39hYEZrfVqt7Vk/Zji6CXc3W0pmYM8BW1g40U+akTl9DKZhFhInQ==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/@jridgewell/sourcemap-codec": { "version": "1.4.15", "resolved": "https://r.cnpmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" }, -<<<<<<< HEAD + "node_modules/@popperjs/core": { "name": "@sxzz/popperjs-es", "version": "2.11.7", @@ -460,8 +460,8 @@ "resolved": "https://r.cnpmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz", "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/@vitejs/plugin-vue": { "version": "4.3.4", "resolved": "https://r.cnpmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz", @@ -582,7 +582,7 @@ "resolved": "https://r.cnpmjs.org/@vue/shared/-/shared-3.3.4.tgz", "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==" }, -<<<<<<< HEAD + "node_modules/@vueuse/core": { "version": "9.13.0", "resolved": "https://r.cnpmjs.org/@vueuse/core/-/core-9.13.0.tgz", @@ -651,8 +651,8 @@ } } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/anymatch": { "version": "3.1.3", "resolved": "https://r.cnpmjs.org/anymatch/-/anymatch-3.1.3.tgz", @@ -666,14 +666,14 @@ "node": ">= 8" } }, -<<<<<<< HEAD + "node_modules/async-validator": { "version": "4.2.5", "resolved": "https://r.cnpmjs.org/async-validator/-/async-validator-4.2.5.tgz", "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/asynckit": { "version": "0.4.0", "resolved": "https://r2.cnpmjs.org/asynckit/-/asynckit-0.4.0.tgz", @@ -747,14 +747,14 @@ "resolved": "https://r.cnpmjs.org/csstype/-/csstype-3.1.2.tgz", "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, -<<<<<<< HEAD + "node_modules/dayjs": { "version": "1.11.9", "resolved": "https://r.cnpmjs.org/dayjs/-/dayjs-1.11.9.tgz", "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/delayed-stream": { "version": "1.0.0", "resolved": "https://r2.cnpmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", @@ -763,7 +763,7 @@ "node": ">=0.4.0" } }, -<<<<<<< HEAD + "node_modules/element-plus": { "version": "2.3.12", "resolved": "https://r.cnpmjs.org/element-plus/-/element-plus-2.3.12.tgz", @@ -789,8 +789,8 @@ "vue": "^3.2.0" } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/esbuild": { "version": "0.18.20", "resolved": "https://r.cnpmjs.org/esbuild/-/esbuild-0.18.20.tgz", @@ -828,14 +828,14 @@ "@esbuild/win32-x64": "0.18.20" } }, -<<<<<<< HEAD + "node_modules/escape-html": { "version": "1.0.3", "resolved": "https://r2.cnpmjs.org/escape-html/-/escape-html-1.0.3.tgz", "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/estree-walker": { "version": "2.0.2", "resolved": "https://r2.cnpmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", @@ -953,7 +953,7 @@ "node": ">=0.12.0" } }, -<<<<<<< HEAD + "node_modules/lodash": { "version": "4.17.21", "resolved": "https://r2.cnpmjs.org/lodash/-/lodash-4.17.21.tgz", @@ -974,8 +974,8 @@ "lodash-es": "*" } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/magic-string": { "version": "0.30.3", "resolved": "https://r.cnpmjs.org/magic-string/-/magic-string-0.30.3.tgz", @@ -987,14 +987,14 @@ "node": ">=12" } }, -<<<<<<< HEAD + "node_modules/memoize-one": { "version": "6.0.0", "resolved": "https://r2.cnpmjs.org/memoize-one/-/memoize-one-6.0.0.tgz", "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/mime-db": { "version": "1.52.0", "resolved": "https://r.cnpmjs.org/mime-db/-/mime-db-1.52.0.tgz", @@ -1034,14 +1034,14 @@ "node": ">=0.10.0" } }, -<<<<<<< HEAD + "node_modules/normalize-wheel-es": { "version": "1.2.0", "resolved": "https://r.cnpmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz", "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "node_modules/picocolors": { "version": "1.0.0", "resolved": "https://r2.cnpmjs.org/picocolors/-/picocolors-1.0.0.tgz", @@ -1232,7 +1232,7 @@ "resolved": "https://r.cnpmjs.org/@babel/parser/-/parser-7.22.15.tgz", "integrity": "sha512-RWmQ/sklUN9BvGGpCDgSubhHWfAx24XDTDObup4ffvxaYsptOg2P3KG0j+1eWKLxpkX0j0uHxmpq2Z1SP/VhxA==" }, -<<<<<<< HEAD + "@ctrl/tinycolor": { "version": "3.6.1", "resolved": "https://r.cnpmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz", @@ -1244,8 +1244,8 @@ "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==", "requires": {} }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "@esbuild/android-arm": { "version": "0.18.20", "resolved": "https://r.cnpmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", @@ -1400,7 +1400,7 @@ "dev": true, "optional": true }, -<<<<<<< HEAD + "@floating-ui/core": { "version": "1.4.1", "resolved": "https://r.cnpmjs.org/@floating-ui/core/-/core-1.4.1.tgz", @@ -1423,14 +1423,14 @@ "resolved": "https://r.cnpmjs.org/@floating-ui/utils/-/utils-0.1.2.tgz", "integrity": "sha512-ou3elfqG/hZsbmF4bxeJhPHIf3G2pm0ujc39hYEZrfVqt7Vk/Zji6CXc3W0pmYM8BW1g40U+akTl9DKZhFhInQ==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "@jridgewell/sourcemap-codec": { "version": "1.4.15", "resolved": "https://r.cnpmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" }, -<<<<<<< HEAD + "@popperjs/core": { "version": "npm:@sxzz/popperjs-es@2.11.7", "resolved": "https://r.cnpmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz", @@ -1454,8 +1454,8 @@ "resolved": "https://r.cnpmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz", "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "@vitejs/plugin-vue": { "version": "4.3.4", "resolved": "https://r.cnpmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz", @@ -1567,7 +1567,7 @@ "resolved": "https://r.cnpmjs.org/@vue/shared/-/shared-3.3.4.tgz", "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==" }, -<<<<<<< HEAD + "@vueuse/core": { "version": "9.13.0", "resolved": "https://r.cnpmjs.org/@vueuse/core/-/core-9.13.0.tgz", @@ -1608,8 +1608,8 @@ } } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "anymatch": { "version": "3.1.3", "resolved": "https://r.cnpmjs.org/anymatch/-/anymatch-3.1.3.tgz", @@ -1620,14 +1620,14 @@ "picomatch": "^2.0.4" } }, -<<<<<<< HEAD + "async-validator": { "version": "4.2.5", "resolved": "https://r.cnpmjs.org/async-validator/-/async-validator-4.2.5.tgz", "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "asynckit": { "version": "0.4.0", "resolved": "https://r2.cnpmjs.org/asynckit/-/asynckit-0.4.0.tgz", @@ -1687,20 +1687,20 @@ "resolved": "https://r.cnpmjs.org/csstype/-/csstype-3.1.2.tgz", "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" }, -<<<<<<< HEAD + "dayjs": { "version": "1.11.9", "resolved": "https://r.cnpmjs.org/dayjs/-/dayjs-1.11.9.tgz", "integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "delayed-stream": { "version": "1.0.0", "resolved": "https://r2.cnpmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==" }, -<<<<<<< HEAD + "element-plus": { "version": "2.3.12", "resolved": "https://r.cnpmjs.org/element-plus/-/element-plus-2.3.12.tgz", @@ -1723,8 +1723,8 @@ "normalize-wheel-es": "^1.2.0" } }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "esbuild": { "version": "0.18.20", "resolved": "https://r.cnpmjs.org/esbuild/-/esbuild-0.18.20.tgz", @@ -1755,14 +1755,14 @@ "@esbuild/win32-x64": "0.18.20" } }, -<<<<<<< HEAD + "escape-html": { "version": "1.0.3", "resolved": "https://r2.cnpmjs.org/escape-html/-/escape-html-1.0.3.tgz", "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "estree-walker": { "version": "2.0.2", "resolved": "https://r2.cnpmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", @@ -1844,7 +1844,7 @@ "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true }, -<<<<<<< HEAD + "lodash": { "version": "4.17.21", "resolved": "https://r2.cnpmjs.org/lodash/-/lodash-4.17.21.tgz", @@ -1861,8 +1861,8 @@ "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==", "requires": {} }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "magic-string": { "version": "0.30.3", "resolved": "https://r.cnpmjs.org/magic-string/-/magic-string-0.30.3.tgz", @@ -1871,14 +1871,14 @@ "@jridgewell/sourcemap-codec": "^1.4.15" } }, -<<<<<<< HEAD + "memoize-one": { "version": "6.0.0", "resolved": "https://r2.cnpmjs.org/memoize-one/-/memoize-one-6.0.0.tgz", "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "mime-db": { "version": "1.52.0", "resolved": "https://r.cnpmjs.org/mime-db/-/mime-db-1.52.0.tgz", @@ -1903,14 +1903,14 @@ "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "dev": true }, -<<<<<<< HEAD + "normalize-wheel-es": { "version": "1.2.0", "resolved": "https://r.cnpmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz", "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==" }, -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 + + "picocolors": { "version": "1.0.0", "resolved": "https://r2.cnpmjs.org/picocolors/-/picocolors-1.0.0.tgz", diff --git a/front/package.json b/front/package.json index 8b8876f60fa79c7a4e94a3364f4a4dbf55d4fe8d..63a88e4b11d643433ecf020ae59fbbda74c8dca9 100644 --- a/front/package.json +++ b/front/package.json @@ -10,10 +10,7 @@ }, "dependencies": { "axios": "^1.5.0", -<<<<<<< HEAD "element-plus": "^2.3.12", -======= ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 "vue": "^3.3.4", "vue-router": "^4.2.4", "vuex": "^4.1.0" diff --git a/front/src/App.vue b/front/src/App.vue index 7c1a9b80888e9a97bcf70eead4a7f535eb918bdd..ea963e94fc162d638aba44626db6c966bf88964f 100644 --- a/front/src/App.vue +++ b/front/src/App.vue @@ -17,8 +17,38 @@ export default { diff --git a/front/src/components/Home.vue b/front/src/components/Home.vue index c9a603b4011649e047131600f35277ab8845f1e6..a771bd9174d062dc50de0791292f7c816754900e 100644 --- a/front/src/components/Home.vue +++ b/front/src/components/Home.vue @@ -53,12 +53,19 @@ $bgColor: #ECFBFB; .tit { padding-top: 50px; color: $aColor; + animation: leftIn .5s ease-in forwards; font: { size: 50px; weight: bold; } } + .des{ + opacity: 0; + animation: downIn .5s ease-in forwards; + animation-delay: .6s; + } + div { padding-top: 30px; } @@ -77,20 +84,13 @@ $bgColor: #ECFBFB; .middle { transition: all .4s ease; - transform: scale(1.2); + animation: upMove .5s linear forwards; + &:hover{ + transform: scale(1.1); + } } } - .image:hover .middle { - transform: scale(1); - } - - .image:hover .right { - transform: scale(1.1); - } - .image:hover .left { - transform: scale(1.1); - } } diff --git a/front/src/components/nav/nav.vue b/front/src/components/nav/nav.vue index 4f7222f97817ccf5e9931d264aa9f3661c171353..daecc5fbced7ee733772ff942bed18b3635cf968 100644 --- a/front/src/components/nav/nav.vue +++ b/front/src/components/nav/nav.vue @@ -14,11 +14,7 @@ export default { }, { id: 2, -<<<<<<< HEAD name: "热门必读", -======= - name: "书目", ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 href: "/bookList" }, { @@ -29,23 +25,9 @@ export default { { id: 4, name: "查询和申报", -<<<<<<< HEAD + href: "/table" }, - // { - // id: 5, - // name: "书籍购买", - // href: "/buyBook" - // }, -======= - href: "#" - }, - { - id: 5, - name: "书籍购买", - href: "#" - }, ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 ] } }, @@ -212,14 +194,5 @@ $bgColor: #ECFBFB; } } -@keyframes leftIn { - 0% { - transform: translateX(-100%); - opacity: 0; - } - 100% { - transform: translateX(0); - opacity: 1; - } -} + \ No newline at end of file diff --git a/front/src/components/secondary/bookList.vue b/front/src/components/secondary/bookList.vue index a767dcd3a4da9eb2156d42cf09ed540152c52ae4..12c5b8c109e3b5bf5c3f159c8ebdfd3294ec6403 100644 --- a/front/src/components/secondary/bookList.vue +++ b/front/src/components/secondary/bookList.vue @@ -45,32 +45,38 @@ export default { console.log("数据请求失败" + err) }) }, - fixPage(type){ - // console.log(type) - // console.log(this.page) - if(type === 'up'){ - if(this.page === 1){ + fixPage(type) { + console.log(type) + console.log(this.page) + if (type === 'up') { + if (this.page === 1) { return false - }else { - this.page = this.page -1 + } else { + this.page = this.page - 1 } - }else if(type === 'down'){ -<<<<<<< HEAD - if(this.page === this.pagination_info.total_pages){ -======= - if(this.page === 3){ ->>>>>>> 326b59aa53e211a6e29b8a033e45707b234981e4 - return false - }else { - this.page = this.page + 1 + } else if (type === 'down') { + + if (this.page === this.pagination_info.total_pages) { + + if (this.page === 3) { + return false + } else { + this.page = this.page + 1 + } } - }else{ + } else { this.page = type } + + }, + open(item){ + // console.log(item) + let isbn = item.fields.isbn + this.$router.push(`/details/?isbn=${isbn}`) } }, - watch:{ - page(newValue){ + watch: { + page(newValue) { this.getBooks() } }, @@ -80,6 +86,7 @@ export default { mounted() { this.getBooks() } + } @@ -87,7 +94,7 @@ export default {
书名:{{ book.bookname }}
+作者:{{ book.author }}
+语言:{{ book.lang }}
+定价:{{ book.price }}
+类型:{{ book.type }}
+出版社:{{ book.publisher }}
+ISBN:{{ book.isbn }}
+出版日期:{{ book.Listing_time }}
+介绍:{{ book.intro }}
+