Skip to content
Snippets Groups Projects
Commit 0c3bae29 authored by CosineSky's avatar CosineSky
Browse files

stuffs

parent 36269d4a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 813 additions and 143 deletions
package-lock.json
+ 326
− 0
View file @ 0c3bae29
......@@ -25,6 +25,8 @@
"@babel/preset-typescript": "^7.26.0",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"less": "^4.2.1",
"less-loader": "^12.2.0",
"ts-loader": "^9.5.1",
"typescript": "^5.6.3"
}
......@@ -4943,6 +4945,19 @@
"dev": true,
"license": "MIT"
},
"node_modules/copy-anything": {
"version": "2.0.6",
"resolved": "https://repo.huaweicloud.com/repository/npm/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true,
"license": "MIT",
"dependencies": {
"is-what": "^3.14.1"
},
"funding": {
"url": "https://github.com/sponsors/mesqueeb"
}
},
"node_modules/copy-webpack-plugin": {
"version": "9.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/copy-webpack-plugin/-/copy-webpack-plugin-9.1.0.tgz",
......@@ -5924,6 +5939,20 @@
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/errno": {
"version": "0.1.8",
"resolved": "https://repo.huaweicloud.com/repository/npm/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"prr": "~1.0.1"
},
"bin": {
"errno": "cli.js"
}
},
"node_modules/error-ex": {
"version": "1.3.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/error-ex/-/error-ex-1.3.2.tgz",
......@@ -7067,6 +7096,20 @@
"node": ">= 4"
}
},
"node_modules/image-size": {
"version": "0.5.5",
"resolved": "https://repo.huaweicloud.com/repository/npm/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true,
"license": "MIT",
"optional": true,
"bin": {
"image-size": "bin/image-size.js"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/import-fresh": {
"version": "3.3.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/import-fresh/-/import-fresh-3.3.0.tgz",
......@@ -7288,6 +7331,13 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/is-what": {
"version": "3.14.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
"dev": true,
"license": "MIT"
},
"node_modules/is-wsl": {
"version": "2.2.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/is-wsl/-/is-wsl-2.2.0.tgz",
......@@ -7505,6 +7555,86 @@
"launch-editor": "^2.9.1"
}
},
"node_modules/less": {
"version": "4.2.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/less/-/less-4.2.1.tgz",
"integrity": "sha512-CasaJidTIhWmjcqv0Uj5vccMI7pJgfD9lMkKtlnTHAdJdYK/7l8pM9tumLyJ0zhbD4KJLo/YvTj+xznQd5NBhg==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"copy-anything": "^2.0.1",
"parse-node-version": "^1.0.1",
"tslib": "^2.3.0"
},
"bin": {
"lessc": "bin/lessc"
},
"engines": {
"node": ">=6"
},
"optionalDependencies": {
"errno": "^0.1.1",
"graceful-fs": "^4.1.2",
"image-size": "~0.5.0",
"make-dir": "^2.1.0",
"mime": "^1.4.1",
"needle": "^3.1.0",
"source-map": "~0.6.0"
}
},
"node_modules/less-loader": {
"version": "12.2.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/less-loader/-/less-loader-12.2.0.tgz",
"integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 18.12.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/webpack"
},
"peerDependencies": {
"@rspack/core": "0.x || 1.x",
"less": "^3.5.0 || ^4.0.0",
"webpack": "^5.0.0"
},
"peerDependenciesMeta": {
"@rspack/core": {
"optional": true
},
"webpack": {
"optional": true
}
}
},
"node_modules/less/node_modules/make-dir": {
"version": "2.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"pify": "^4.0.1",
"semver": "^5.6.0"
},
"engines": {
"node": ">=6"
}
},
"node_modules/less/node_modules/semver": {
"version": "5.7.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/semver/-/semver-5.7.2.tgz",
"integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true,
"license": "ISC",
"optional": true,
"bin": {
"semver": "bin/semver"
}
},
"node_modules/lilconfig": {
"version": "2.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/lilconfig/-/lilconfig-2.1.0.tgz",
......@@ -8283,6 +8413,38 @@
"sharp": "^0.33.4"
}
},
"node_modules/needle": {
"version": "3.3.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/needle/-/needle-3.3.1.tgz",
"integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"iconv-lite": "^0.6.3",
"sax": "^1.2.4"
},
"bin": {
"needle": "bin/needle"
},
"engines": {
"node": ">= 4.4.x"
}
},
"node_modules/needle/node_modules/iconv-lite": {
"version": "0.6.3",
"resolved": "https://repo.huaweicloud.com/repository/npm/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dev": true,
"license": "MIT",
"optional": true,
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/negotiator": {
"version": "0.6.3",
"resolved": "https://repo.huaweicloud.com/repository/npm/negotiator/-/negotiator-0.6.3.tgz",
......@@ -8786,6 +8948,16 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/parse-node-version": {
"version": "1.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 0.10"
}
},
"node_modules/parse5": {
"version": "5.1.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/parse5/-/parse5-5.1.1.tgz",
......@@ -8917,6 +9089,17 @@
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/pify": {
"version": "4.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true,
"license": "MIT",
"optional": true,
"engines": {
"node": ">=6"
}
},
"node_modules/pinia": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.3.0.tgz",
......@@ -9639,6 +9822,14 @@
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
"license": "MIT"
},
"node_modules/prr": {
"version": "1.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true,
"license": "MIT",
"optional": true
},
"node_modules/pseudomap": {
"version": "1.0.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/pseudomap/-/pseudomap-1.0.2.tgz",
......@@ -10094,6 +10285,14 @@
"dev": true,
"license": "MIT"
},
"node_modules/sax": {
"version": "1.4.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/sax/-/sax-1.4.1.tgz",
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
"dev": true,
"license": "ISC",
"optional": true
},
"node_modules/schema-utils": {
"version": "2.7.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/schema-utils/-/schema-utils-2.7.1.tgz",
......@@ -15518,6 +15717,15 @@
"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
"dev": true
},
"copy-anything": {
"version": "2.0.6",
"resolved": "https://repo.huaweicloud.com/repository/npm/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true,
"requires": {
"is-what": "^3.14.1"
}
},
"copy-webpack-plugin": {
"version": "9.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/copy-webpack-plugin/-/copy-webpack-plugin-9.1.0.tgz",
......@@ -16160,6 +16368,16 @@
"resolved": "https://repo.huaweicloud.com/repository/npm/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
},
"errno": {
"version": "0.1.8",
"resolved": "https://repo.huaweicloud.com/repository/npm/errno/-/errno-0.1.8.tgz",
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true,
"optional": true,
"requires": {
"prr": "~1.0.1"
}
},
"error-ex": {
"version": "1.3.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/error-ex/-/error-ex-1.3.2.tgz",
......@@ -16937,6 +17155,13 @@
"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
"dev": true
},
"image-size": {
"version": "0.5.5",
"resolved": "https://repo.huaweicloud.com/repository/npm/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true,
"optional": true
},
"import-fresh": {
"version": "3.3.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/import-fresh/-/import-fresh-3.3.0.tgz",
......@@ -17077,6 +17302,12 @@
"integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
"dev": true
},
"is-what": {
"version": "3.14.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
"dev": true
},
"is-wsl": {
"version": "2.2.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/is-wsl/-/is-wsl-2.2.0.tgz",
......@@ -17234,6 +17465,51 @@
"launch-editor": "^2.9.1"
}
},
"less": {
"version": "4.2.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/less/-/less-4.2.1.tgz",
"integrity": "sha512-CasaJidTIhWmjcqv0Uj5vccMI7pJgfD9lMkKtlnTHAdJdYK/7l8pM9tumLyJ0zhbD4KJLo/YvTj+xznQd5NBhg==",
"dev": true,
"requires": {
"copy-anything": "^2.0.1",
"errno": "^0.1.1",
"graceful-fs": "^4.1.2",
"image-size": "~0.5.0",
"make-dir": "^2.1.0",
"mime": "^1.4.1",
"needle": "^3.1.0",
"parse-node-version": "^1.0.1",
"source-map": "~0.6.0",
"tslib": "^2.3.0"
},
"dependencies": {
"make-dir": {
"version": "2.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true,
"optional": true,
"requires": {
"pify": "^4.0.1",
"semver": "^5.6.0"
}
},
"semver": {
"version": "5.7.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/semver/-/semver-5.7.2.tgz",
"integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true,
"optional": true
}
}
},
"less-loader": {
"version": "12.2.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/less-loader/-/less-loader-12.2.0.tgz",
"integrity": "sha512-MYUxjSQSBUQmowc0l5nPieOYwMzGPUaTzB6inNW/bdPEG9zOL3eAAD1Qw5ZxSPk7we5dMojHwNODYMV1hq4EVg==",
"dev": true,
"requires": {}
},
"lilconfig": {
"version": "2.1.0",
"resolved": "https://repo.huaweicloud.com/repository/npm/lilconfig/-/lilconfig-2.1.0.tgz",
......@@ -17783,6 +18059,29 @@
"sharp": "^0.33.4"
}
},
"needle": {
"version": "3.3.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/needle/-/needle-3.3.1.tgz",
"integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
"dev": true,
"optional": true,
"requires": {
"iconv-lite": "^0.6.3",
"sax": "^1.2.4"
},
"dependencies": {
"iconv-lite": {
"version": "0.6.3",
"resolved": "https://repo.huaweicloud.com/repository/npm/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dev": true,
"optional": true,
"requires": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
}
}
}
},
"negotiator": {
"version": "0.6.3",
"resolved": "https://repo.huaweicloud.com/repository/npm/negotiator/-/negotiator-0.6.3.tgz",
......@@ -18118,6 +18417,12 @@
"lines-and-columns": "^1.1.6"
}
},
"parse-node-version": {
"version": "1.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true
},
"parse5": {
"version": "5.1.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/parse5/-/parse5-5.1.1.tgz",
......@@ -18209,6 +18514,13 @@
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true
},
"pify": {
"version": "4.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/pify/-/pify-4.0.1.tgz",
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true,
"optional": true
},
"pinia": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.3.0.tgz",
......@@ -18638,6 +18950,13 @@
"resolved": "https://repo.huaweicloud.com/repository/npm/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"prr": {
"version": "1.0.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true,
"optional": true
},
"pseudomap": {
"version": "1.0.2",
"resolved": "https://repo.huaweicloud.com/repository/npm/pseudomap/-/pseudomap-1.0.2.tgz",
......@@ -18932,6 +19251,13 @@
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"dev": true
},
"sax": {
"version": "1.4.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/sax/-/sax-1.4.1.tgz",
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
"dev": true,
"optional": true
},
"schema-utils": {
"version": "2.7.1",
"resolved": "https://repo.huaweicloud.com/repository/npm/schema-utils/-/schema-utils-2.7.1.tgz",
......
package.json
+ 4
− 2
View file @ 0c3bae29
......@@ -14,10 +14,10 @@
"colorthief": "^2.4.0",
"core-js": "^3.38.1",
"element-plus": "^2.7.2",
"pinia": "^2.2.2",
"swiper": "^11.1.14",
"vue": "^3.5.12",
"vue-router": "^4.4.5",
"pinia": "^2.2.2"
"vue-router": "^4.4.5"
},
"devDependencies": {
"@babel/core": "^7.12.16",
......@@ -25,6 +25,8 @@
"@babel/preset-typescript": "^7.26.0",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"less": "^4.2.1",
"less-loader": "^12.2.0",
"ts-loader": "^9.5.1",
"typescript": "^5.6.3"
},
......
src/api/comment.js
+ 13
− 17
View file @ 0c3bae29
import { axios } from '../utils/request';
import { COMMENT_MODULE } from './_prefix';
/*
songId: number
// TODO - modified
- commenter_user_name: string
- song_name: string
comment: string
userId: number
+ commenter_user_id: number
+ song_id: number
*/
export const commentSong = (commentSongInfo) => {
return axios.post(`${COMMENT_MODULE}/song`, commentSongInfo,
......@@ -14,9 +19,13 @@ export const commentSong = (commentSongInfo) => {
}
/*
playlistId: number
// TODO - modified
- commenter_user_name: string
- playlist_owner_name: string
- playlist_name: string
comment: string
userId: number
+ commenter_user_id: number
+ playlist_id: number
*/
export const commentPlaylist = (commentPlaylistInfo) => {
return axios.post(`${COMMENT_MODULE}/playlist`, commentPlaylistInfo,
......@@ -25,16 +34,3 @@ export const commentPlaylist = (commentPlaylistInfo) => {
return res;
});
}
/*
songId: number
page: number
*/
export const commentInfo = (commentInfo) => {
console.log(commentInfo)
return axios.get(`${COMMENT_MODULE}/${commentInfo.songId}`)
.then((res) => {
return res
})
}
src/api/musicList.js deleted 100644 → 0
+ 0
− 21
View file @ 36269d4a
/**
* @typedef {Object} GetMusicDetailData
* @property {Object} song
* @property {number} song.id
* @property {number} song.name
* @property {string} song.picUrl
* @property {Array<Object>} singer
* @property {number} singer[].id
* @property {string} singer[].name
*/
// export interface GetMusicDetailData {
// song: {
// id: number
// name: number
// picUrl: string
// }
// singer: {
// id: number
// name: string
// }[]
// }
\ No newline at end of file
src/api/playlist.js
+ 14
− 5
View file @ 0c3bae29
......@@ -3,7 +3,9 @@ import { PLAYLIST_MODULE } from './_prefix';
/*
user_name: string
// TODO - modified
- user_name: string
+ user_id: number
*/
export const getPlaylistsByUser = (userInfo) => {
return axios.get(`${PLAYLIST_MODULE}/fetch`, { params: userInfo })
......@@ -13,8 +15,11 @@ export const getPlaylistsByUser = (userInfo) => {
}
/*
user_name: string
// TODO - modified
- user_name: string
playlist_name: string
+ user_id: number
+ playlist_description: string
*/
export const createPlaylist = (playlistCreateInfo) => {
return axios.post(`${PLAYLIST_MODULE}/create`, playlistCreateInfo,
......@@ -25,9 +30,13 @@ export const createPlaylist = (playlistCreateInfo) => {
}
/*
user_name: string
playlist_name: string
song_name: string
// TODO - modified
- user_name: string
- playlist_name: string
- song_name: string
+ user_id: number
+ playlist_id: number
+ song_id: number
*/
export const addSongToPlaylist = (songInfo) => {
return axios.post(`${PLAYLIST_MODULE}/addSong`, songInfo,
......
src/api/search.js
+ 9
− 7
View file @ 0c3bae29
......@@ -2,10 +2,12 @@ import { axios } from '../utils/request';
import { SEARCH_MODULE } from './_prefix';
/*
searchInputInfo: {
searchInput: string,
}
*/
export const search = (searchInputInfo) => {
}
\ No newline at end of file
// TODO - newly added
+ keyword: string
*/
export const searchByKeyword = (searchInfo) => {
return axios.get(`${SEARCH_MODULE}/fetch`, { params: searchInfo })
.then(res => {
return res;
});
}
src/api/share.js
+ 16
− 2
View file @ 0c3bae29
......@@ -3,8 +3,10 @@ import {SHARE_MODULE} from './_prefix';
/*
owner_name: string
playlist_name: string
// TODO - modified
- owner_name: string
- playlist_name: string
+ playlist_id: number
*/
export const sharePlaylist = (playlistInfo) => {
return axios.post(`${SHARE_MODULE}/playlist`, playlistInfo,
......@@ -13,3 +15,15 @@ export const sharePlaylist = (playlistInfo) => {
return res;
});
}
/*
// TODO - newly added
+ song_id: number
*/
export const shareSong = (songInfo) => {
return axios.post(`${SHARE_MODULE}/song`, songInfo,
{ headers: { 'Content-Type': 'application/json' } })
.then(res => {
return res;
});
}
\ No newline at end of file
src/api/song.js
+ 4
− 2
View file @ 0c3bae29
......@@ -3,8 +3,10 @@ import { SONG_MODULE } from './_prefix';
/*
playlist_name: string
user_name: string
// TODO - modified
- playlist_name: string
- user_name: string
+ playlist_id: number
*/
export const getSongsByPlaylist = (playlistInfo) => {
return axios.get(`${SONG_MODULE}/fetch`, { params: playlistInfo })
......
src/api/user.js
+ 0
− 9
View file @ 0c3bae29
......@@ -38,12 +38,3 @@ export const userInfo = () => {
return res;
});
}
/*
user_id: number
*/
export const getUserById = (userId) => {
return axios.get(`${USER_MODULE}/getUser`, {params: userId})
.then((res) => {
return res
})
}
src/components/Comment.vue
+ 5
− 5
View file @ 0c3bae29
......@@ -29,7 +29,7 @@ const showDetail = ref(false)
onMounted(() => {
watch(bg, (val) => {
toggleImg(val).then((img) => {
imgEl.value!.style.backgroundImage = `url(${img.src})`
imgEl.value.style.backgroundImage = `url(${img.src})`
})
})
})
......@@ -109,13 +109,13 @@ function adjustHeight(event) {
<div class="info">
<div ref="imgEl" class="bg-img"></div>
<div class="song-info">
<div class="song-name">{{ (state.song as GetMusicDetailData).song.name }}</div>
<div class="song-name">{{ (state.song).song.name }}</div>
<div class="singers">
<div class="singer-info">
<span v-for="(item, index) in state.song.singer"
>歌手:
{{
item.name + (index < (state.song as GetMusicDetailData).singer.length - 1 ? '/' : '')
item.name + (index < (state.song).singer.length - 1 ? '/' : '')
}}</span
>
</div>
......@@ -274,7 +274,7 @@ function adjustHeight(event) {
width: 130px;
height: 130px;
border-radius: 10px;
.bgSetting();
//.bgSetting();
margin-right: 20px;
}
}
......@@ -392,7 +392,7 @@ function adjustHeight(event) {
border-radius: 50%;
background-color: #42b983;
margin-right: 20px;
.bgSetting();
//.bgSetting();
}
.right-box {
......
src/components/Header.vue
+ 14
− 14
View file @ 0c3bae29
<script setup>
import { useRouter } from "vue-router";
import {ref} from "vue";
import {search} from "@/api/search";
import {searchByKeyword} from "../api/search";
import {userInfo} from "@/api/user";
const router = useRouter();
......@@ -17,18 +17,21 @@ function exit() {
}
function callPersonalData() {
router.push('/profile');
}
function callSetting() {
router.push('/settings');
}
function callSearch() {
search(searchInput.value).then(res => {
})
searchByKeyword({keyword: searchInput.value})
.then(res => {
console.log("true")
})
.catch(() => {
console.log("false")
})
}
</script>
......@@ -53,7 +56,7 @@ function callSearch() {
<circle cx="12" cy="7" r="4"></circle>
</svg>
</div>
<div class="dropdown" v-show="showDropdown">
<div class="dropdown" v-show="showDropdown" style="z-index: 2147483647">
<button @click="callPersonalData">个人资料</button>
<button @click="callSetting">设置</button>
<button @click="exit">退出</button>
......@@ -68,12 +71,7 @@ function callSearch() {
align-items: center;
padding: 10px 20px;
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
height: 100px;
height: 60px;
background-color: rgba(17, 6, 58, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
......@@ -155,7 +153,7 @@ input[type="text"]:focus {
background-color: rgba(17, 6, 58, 0.7);
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
z-index: 1;
z-index: 2147483647;
display: flex;
flex-direction: column;
align-items: flex-start;
......@@ -169,12 +167,14 @@ input[type="text"]:focus {
cursor: pointer;
transition: background-color 0.3s ease;
background-color: rgba(17, 6, 58, 0.7);
z-index: 2147483647;
color: #fff;
text-align: left;
font-size: 18px;
}
.dropdown button:last-child {
z-index: 2147483647;
margin-top: 1px;
border-top: 1px solid #fff;
}
......
src/components/LeftSideBar.vue 0 → 100644
+ 274
− 0
View file @ 0c3bae29
<script setup>
import {onMounted, ref} from "vue";
import musicAlbumOpened from "../icon/musicAlbumOpened.vue";
import musicAlbumClosed from "../icon/musicAlbumClosed.vue";
import searchIcon from "../icon/searchIcon.vue";
import plusIcon from "../icon/plusIcon.vue";
import playButton from "../icon/playButton.vue";
import {getPlaylistsByUser} from "../api/playlist";
const musicAlbums = ref([
{ id: 1, image: require('../assets/pictures/playlists/1.jpg'), title: '歌单 1' },
{ id: 2, image: require('../assets/pictures/playlists/2.jpg'), title: '歌单 2' },
{ id: 3, image: require('../assets/pictures/playlists/3.jpg'), title: '歌单 3' },
{ id: 4, image: require('../assets/pictures/playlists/1.jpg'), title: '歌单 1' },
{ id: 5, image: require('../assets/pictures/playlists/2.jpg'), title: '歌单 2' },
{ id: 6, image: require('../assets/pictures/playlists/3.jpg'), title: '歌单 3' },
{ id: 7, image: require('../assets/pictures/playlists/1.jpg'), title: '歌单 1' },
{ id: 8, image: require('../assets/pictures/playlists/2.jpg'), title: '歌单 2' },
{ id: 9, image: require('../assets/pictures/playlists/3.jpg'), title: '歌单 3' },
{ id: 10, image: require('../assets/pictures/playlists/1.jpg'), title: '歌单 1' },
{ id: 11 ,image: require('../assets/pictures/playlists/2.jpg'), title: '歌单 2' },
{ id: 12, image: require('../assets/pictures/playlists/3.jpg'), title: '歌单 3' },
// 更多歌单
]);
let albumHoveredIndex = ref(null);
let hoverOnAlbum= ref(false);
let isSideBarOpen = ref(true);
let sideBarWidth = ref(180);
let user = ref("HanG");
const criticalWidth = 180;
const minWidth = 75;
function toggleSideBar() {
isSideBarOpen = !isSideBarOpen;
sideBarWidth.value = isSideBarOpen? criticalWidth : minWidth;
}
function startResizing(event) {
event.preventDefault();
const initialWidth = sideBarWidth.value;
const initialMouseX = event.clientX;
const onMouseMove = (moveEvent) => {
sideBarWidth.value = initialWidth + (moveEvent.clientX - initialMouseX);
// 确保宽度不小于最小值
if(sideBarWidth.value <= criticalWidth) {
isSideBarOpen = false;
sideBarWidth.value = minWidth;
}
else
isSideBarOpen = true;
};
const onMouseUp = () => {
window.removeEventListener('mousemove', onMouseMove);
window.removeEventListener('mouseup', onMouseUp);
};
window.addEventListener('mousemove', onMouseMove);
window.addEventListener('mouseup', onMouseUp);
}
function addAlbum() {
//TODO:
}
function searchAlbum() {
//TODO:
}
onMounted(()=>{
getPlaylistsByUser({
user_id: 1,
}).then(res => {
musicAlbums.value = res.data.result || []
}).catch(e => {
})
})
</script>
<template>
<nav class="main-menu resizable-box" :style="{ width: sideBarWidth + 'px'}">
<div class="top-control">
<div class="toggle-button" @click="toggleSideBar">
<music-album-opened v-if="isSideBarOpen" />
<music-album-closed v-if="!isSideBarOpen" />
<p style="margin-left: 15px;font:normal small-caps bold 20px Arial, sans-serif ;" v-if="isSideBarOpen">音乐库</p>
</div>
<div class="add-album" v-if="isSideBarOpen" @click="addAlbum">
<plus-icon />
</div>
</div>
<div class="search-album" v-if="isSideBarOpen" @click="searchAlbum">
<search-icon/>
</div>
<div class="musicAlbums"
@mouseenter="()=>{hoverOnAlbum=true}"
@mouseleave="()=>{hoverOnAlbum=false}"
:style="{ scrollbarWidth : hoverOnAlbum? 'auto':'none'}">
<div v-if="musicAlbums !== undefined" v-for="album in musicAlbums"
:key="album.id"
@mouseenter="()=>{albumHoveredIndex = album.id}"
@mouseleave="()=>{albumHoveredIndex = null}"
:style="{backgroundColor: albumHoveredIndex === album.id ? '#1F1F1F' : '#121212' }"
class="musicAlbum-item" >
<img
src='../assets/pictures/playlists/1.jpg'
:src="album.image"
alt="playlist"
class="musicAlbum-image"
:style="{opacity:albumHoveredIndex === album.id ? 0.4 :1}"
/>
<play-button v-if="albumHoveredIndex === album.id" class="play-button"/>
<div class="musicAlbum-description">
<p style="padding-bottom: 5px;font-size: 18px">{{ album.title }}</p>
<p style="color: #b2b2b2;font-size: 13px">歌单 • {{user}}</p>
</div>
</div>
</div>
<div class="resizer" @mousedown="startResizing" ></div>
</nav>
</template>
<style scoped>
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
nav {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
.main-menu.resizable-box{
position: relative; /*使得子元素的absotute是相对于该元素*/
/*display: flex;
flex-direction: column;
*/
border-radius: 15px 0 0 15px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
padding: 12px 0 20px;
overflow: hidden;
font-family: inherit;
background-color:#121212;
}
.top-control{
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.toggle-button:hover{
color : #d2d0d0;
}
.toggle-button{
display: flex;
align-items: center;
width: 120px;
margin: 0 0 0 16px;
background-color:transparent;
cursor: pointer;
transition: color 0.5s ease ;
color: #b2b2b2;
}
.add-album{
color:#b2b2b2;
margin-top: 5px;
margin-right:15px;
width: 30px;
cursor: pointer;
}
.search-album{
color:#b2b2b2;
margin: 16px 0 0 13px;
width: 40px;
cursor: pointer;
}
.resizer {
position: absolute;
width: 5px;
height: 100%;
right: 0;
top: 0;
cursor: ew-resize; /* 水平调整光标 */
background-color: transparent; /* 透明背景 */
}
.musicAlbums {
height: 100%;
padding: 0 10px 0 10px;
overflow: auto;
/*默认情况 滚动条消失*/
}
/*滑动条*/
.musicAlbums::-webkit-scrollbar {
width: 12px; /* 滚动条宽度 */
}
.musicAlbums::-webkit-scrollbar:window-inactive {
}
.musicAlbums::-webkit-scrollbar-track {
background: transparent; /* 滚动条背景 */
}
.musicAlbums::-webkit-scrollbar-thumb {
background: #888; /* 滚动条颜色 */
border-radius: 10px; /* 圆角 */
}
.musicAlbums::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 悬停时的颜色 */
}
.musicAlbum-item {
display: flex;
position: relative;
align-items: center;
border-radius: 10px;
padding: 10px 0;
color: #f6f6f6;
}
.musicAlbum-description{
text-align: left;
display: flex;
flex-direction: column;
}
.musicAlbum-image {
width: 55px; /* 调整图片大小 */
height: 55px; /* 调整图片大小 */
margin-right: 10px;
border-radius: 10px;
}
.play-button {
position: absolute;
top: 20px;
left: 10px;
color: #f1f1f1; /* 播放键的颜色 */
cursor: pointer; /* 鼠标移动到播放键上时显示为点击手型 */
transition: transform 0.3s ease ;
}
.play-button:hover{
transform: scale(1.1);
}
.musicAlbum-description {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* 单行显示文本 */
}
</style>
\ No newline at end of file
src/components/SideBar.vue deleted 100644 → 0
+ 0
− 13
View file @ 36269d4a
<script setup>
</script>
<template>
<body>
</body>
</template>
<style scoped>
</style>
\ No newline at end of file
src/components/musicAlbumView.vue 0 → 100644
+ 40
− 0
View file @ 0c3bae29
<script setup lang="ts">
import {ref} from "vue";
const props = defineProps({
albumInfo:{}
})
</script>
<template>
<div class="album-content">
<div class="header">
<img/>
<div class="header-content">
</div>
</div>
<div class="fixed-nav">
</div>
<div class="play-button">
</div>
<div class="tips">
</div>
<div class="musicList">
</div>
<div class="other-info">
</div>
</div>
</template>
<style scoped>
</style>
\ No newline at end of file
src/icon/musicAlbumClosed.vue 0 → 100644
+ 9
− 0
View file @ 0c3bae29
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 24 24"><path fill="currentColor" d="M6.7 21q-.725 0-1.287-.475t-.688-1.2L3.2 10.175q-.075-.45.213-.812T4.175 9h15.65q.475 0 .763.363t.212.812l-1.525 9.15q-.125.725-.687 1.2T17.3 21zM5.4 11l1.275 8h10.65l1.275-8zm4.6 4h4q.425 0 .713-.288T15 14t-.288-.712T14 13h-4q-.425 0-.712.288T9 14t.288.713T10 15M6 8q-.425 0-.712-.288T5 7t.288-.712T6 6h12q.425 0 .713.288T19 7t-.288.713T18 8zm2-3q-.425 0-.712-.288T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5zM6.675 19h10.65z"/></svg>
</template>
<script>
export default {
name: 'MaterialSymbolsHomeStorageOutlineRounded'
}
</script>
\ No newline at end of file
src/icon/musicAlbumOpened.vue 0 → 100644
+ 9
− 0
View file @ 0c3bae29
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 24 24"><path fill="currentColor" d="M6.7 21q-.725 0-1.287-.475t-.688-1.2L3.2 10.175q-.075-.45.213-.812T4.175 9h15.65q.475 0 .763.363t.212.812l-1.525 9.15q-.125.725-.687 1.2T17.3 21zm3.3-6h4q.425 0 .713-.288T15 14t-.288-.712T14 13h-4q-.425 0-.712.288T9 14t.288.713T10 15M6 8q-.425 0-.712-.288T5 7t.288-.712T6 6h12q.425 0 .713.288T19 7t-.288.713T18 8zm2-3q-.425 0-.712-.288T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5z"/></svg>
</template>
<script>
export default {
name: 'MaterialSymbolsHomeStorageRounded'
}
</script>
\ No newline at end of file
src/icon/playButton.vue 0 → 100644
+ 9
− 0
View file @ 0c3bae29
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="35px" height="35px" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19V5l11 7z"/></svg>
</template>
<script>
export default {
name: 'MaterialSymbolsPlayArrow'
}
</script>
\ No newline at end of file
src/icon/plusIcon.vue 0 → 100644
+ 9
− 0
View file @ 0c3bae29
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 12h14"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="16;0"/></path><path d="M12 5v14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="16;0"/></path></g></svg>
</template>
<script>
export default {
name: 'LineMdPlus'
}
</script>
\ No newline at end of file
src/icon/searchIcon.vue 0 → 100644
+ 9
− 0
View file @ 0c3bae29
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.5 17.5L22 22m-2-11a9 9 0 1 0-18 0a9 9 0 0 0 18 0" color="currentColor"/></svg>
</template>
<script>
export default {
name: 'HugeiconsSearch01'
}
</script>
\ No newline at end of file
src/views/HomePage.vue
+ 49
− 46
View file @ 0c3bae29
......@@ -6,6 +6,7 @@ import {PLAY, PAUSE, NORMAL_MODE, LOOP_MODE, RANDOM_MODE} from "../assets/base64
import {ElLoading} from "element-plus";
import {parseLrc} from "../utils/parseLyrics";
import Header from "../components/Header.vue";
import LeftSideBar from "../components/LeftSideBar.vue";
const current_view = ref();
const album_selected = ref(false);
......@@ -58,6 +59,10 @@ const playingMode = ref(0); /* 0 - Normal, 1 - Loop, 2 - Random */
const currentSongIndex = ref(0);
setInterval(() => {
console.log(sessionStorage.getItem('token'))
}, 500)
onMounted(() => {
// ElLoading.service({
......@@ -212,50 +217,50 @@ onMounted(() => {
<template>
<body>
<Header />
<Header/>
<main @click="unSelectAlbum">
<nav class="main-menu">
<div>
<div class="user-info">
<router-link to="/profile">
<img src="../assets/pictures/avatar.png" alt="user"/>
</router-link>
<p>CosSky</p>
</div>
<ul>
<li class="nav-item">
<a href="#" @click="current_view = 'discover'">
<i class="fa fa-compact-disc nav-icon"></i>
<span class="nav-text">Discover</span>
</a>
</li>
<li class="nav-item">
<a href="#" @click="current_view = 'playlist'">
<i class="fa fa-circle-play nav-icon"></i>
<span class="nav-text">Playlist</span>
</a>
</li>
<li class="nav-item">
<a href="#settings">
<i class="fa fa-gear nav-icon"></i>
<span class="nav-text">Settings</span>
</a>
</li>
</ul>
</div>
<ul>
<li class="nav-item">
<a href="#/login">
<i class="fa fa-right-from-bracket nav-icon"></i>
<span class="nav-text">Logout</span>
</a>
</li>
</ul>
</nav>
<!-- <nav class="main-menu">-->
<!-- <div>-->
<!-- <div class="user-info">-->
<!-- <router-link to="/profile">-->
<!-- <img src="../assets/pictures/avatar.png" alt="user"/>-->
<!-- </router-link>-->
<!-- <p>CosSky</p>-->
<!-- </div>-->
<!-- <ul>-->
<!-- <li class="nav-item">-->
<!-- <a href="#" @click="current_view = 'discover'">-->
<!-- <i class="fa fa-compact-disc nav-icon"></i>-->
<!-- <span class="nav-text">Discover</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="nav-item">-->
<!-- <a href="#" @click="current_view = 'playlist'">-->
<!-- <i class="fa fa-circle-play nav-icon"></i>-->
<!-- <span class="nav-text">Playlist</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class="nav-item">-->
<!-- <a href="#settings">-->
<!-- <i class="fa fa-gear nav-icon"></i>-->
<!-- <span class="nav-text">Settings</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <ul>-->
<!-- <li class="nav-item">-->
<!-- <a href="#/login">-->
<!-- <i class="fa fa-right-from-bracket nav-icon"></i>-->
<!-- <span class="nav-text">Logout</span>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </nav>-->
<left-side-bar/>
<section class="content">
<div class="left-content">
<div class="albums" v-if="!album_selected">
......@@ -332,9 +337,7 @@ onMounted(() => {
<p style="text-align: left; margin-left: 20px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius ipsa, praesentium. Aliquid blanditiis excepturi, expedita fugiat illum iure labore nulla placeat quasi quidem ratione rem reprehenderit tempore temporibus voluptate voluptatum?</p>
</div>
</div>
</div>
<div class="right-content">
<div class="music-player music-info">
<a href="#play" style="margin: 10px 0 0 0;">
......@@ -920,7 +923,7 @@ footer {
/* MEDIA QUERIES */
@media (max-width: 1500px) {
main {
grid-template-columns: 12% 88%;
grid-template-columns: 15% 85%;
}
.user-info img {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment