From cf46d3b030ed2a2e8c867d2eafda76dbd8f4e945 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B8=85=E5=AE=87=E7=BF=94?= <1092600370@qq.com> Date: Tue, 18 Jan 2022 20:00:54 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=8F=91=E5=B8=83=E4=BD=9C=E5=93=81?= =?UTF-8?q?=E6=9D=BF=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 217 +++++++++++++++++++++++++------ package.json | 1 + src/components/publish-image.vue | 100 ++++++++++++++ src/components/publish-video.vue | 65 +++++++++ src/router/index.js | 5 + src/views/Main.vue | 5 + src/views/Publish.vue | 92 +++++++++++++ 7 files changed, 448 insertions(+), 37 deletions(-) create mode 100644 src/components/publish-image.vue create mode 100644 src/components/publish-video.vue create mode 100644 src/views/Publish.vue diff --git a/package-lock.json b/package-lock.json index 3a7ff9f..bc6cf5a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1157,6 +1157,123 @@ "to-fast-properties": "^2.0.0" } }, + "@better-scroll/core": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/core/download/@better-scroll/core-2.4.2.tgz", + "integrity": "sha1-5pRwAS15kjoYA0w+STFyD7sG6uU=", + "requires": { + "@better-scroll/shared-utils": "^2.4.2" + } + }, + "@better-scroll/indicators": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/indicators/download/@better-scroll/indicators-2.4.2.tgz", + "integrity": "sha1-nHJkenZOVA8/81aTfFTYLHcceKo=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/infinity": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/infinity/download/@better-scroll/infinity-2.4.2.tgz", + "integrity": "sha1-gsPmFVX+rx04gs+jXusczgn5Hhs=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/mouse-wheel": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/mouse-wheel/download/@better-scroll/mouse-wheel-2.4.2.tgz", + "integrity": "sha1-3qcKYNwqN5XvatVp0t6ltMfpr0w=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/movable": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/movable/download/@better-scroll/movable-2.4.2.tgz?cache=0&sync_timestamp=1627912472610&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40better-scroll%2Fmovable%2Fdownload%2F%40better-scroll%2Fmovable-2.4.2.tgz", + "integrity": "sha1-84XmXSPOogMf3cUt1OtPUr1fxOc=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/nested-scroll": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/nested-scroll/download/@better-scroll/nested-scroll-2.4.2.tgz", + "integrity": "sha1-RGgPSwIXZGElDmvm2V8qxhaaHJg=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/observe-dom": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/observe-dom/download/@better-scroll/observe-dom-2.4.2.tgz?cache=0&sync_timestamp=1627912476418&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40better-scroll%2Fobserve-dom%2Fdownload%2F%40better-scroll%2Fobserve-dom-2.4.2.tgz", + "integrity": "sha1-zB5tgqj1NSXCgsmkvOpdG+jCHJU=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/observe-image": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/observe-image/download/@better-scroll/observe-image-2.4.2.tgz", + "integrity": "sha1-tuVdIx0Lslcduxh3jaks+93i3VQ=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/pull-down": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/pull-down/download/@better-scroll/pull-down-2.4.2.tgz", + "integrity": "sha1-a5iyi9c+m2lLCFepxzh55wM5y5Y=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/pull-up": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/pull-up/download/@better-scroll/pull-up-2.4.2.tgz", + "integrity": "sha1-JTV87ve6x1IJMPBjGJa2OhD4Km8=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/scroll-bar": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/scroll-bar/download/@better-scroll/scroll-bar-2.4.2.tgz", + "integrity": "sha1-JXhWodon1l64mawm8BBgr7+AC9s=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/shared-utils": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/shared-utils/download/@better-scroll/shared-utils-2.4.2.tgz", + "integrity": "sha1-GsXJdJVycJOiKoAJVgeV3V48GNo=" + }, + "@better-scroll/slide": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/slide/download/@better-scroll/slide-2.4.2.tgz", + "integrity": "sha1-AkUorldRai7pm+o0Y4FYnk5qA5w=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/wheel": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/wheel/download/@better-scroll/wheel-2.4.2.tgz", + "integrity": "sha1-DddLA1meAagtVdKfbcrXqKUDvXU=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, + "@better-scroll/zoom": { + "version": "2.4.2", + "resolved": "https://registry.nlark.com/@better-scroll/zoom/download/@better-scroll/zoom-2.4.2.tgz?cache=0&sync_timestamp=1627912470609&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40better-scroll%2Fzoom%2Fdownload%2F%40better-scroll%2Fzoom-2.4.2.tgz", + "integrity": "sha1-wmwt8zEu11sx8CA8Xy5hgavAbF4=", + "requires": { + "@better-scroll/core": "^2.4.2" + } + }, "@hapi/address": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz", @@ -1749,6 +1866,43 @@ "webpack-chain": "^6.4.0", "webpack-dev-server": "^3.11.0", "webpack-merge": "^4.2.2" + }, + "dependencies": { + "chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmmirror.com/chalk/download/chalk-4.1.2.tgz", + "integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=", + "dev": true, + "optional": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "loader-utils": { + "version": "2.0.2", + "resolved": "https://registry.npmmirror.com/loader-utils/download/loader-utils-2.0.2.tgz", + "integrity": "sha1-1uO0+4GHByGuTghoqxHdY4NowSk=", + "dev": true, + "optional": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + } + }, + "vue-loader-v16": { + "version": "npm:vue-loader@16.8.3", + "resolved": "https://registry.npmmirror.com/vue-loader/download/vue-loader-16.8.3.tgz", + "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", + "dev": true, + "optional": true, + "requires": { + "chalk": "^4.1.0", + "hash-sum": "^2.0.0", + "loader-utils": "^2.0.0" + } + } } }, "@vue/cli-shared-utils": { @@ -2635,6 +2789,27 @@ "tweetnacl": "^0.14.3" } }, + "better-scroll": { + "version": "2.4.2", + "resolved": "https://registry.npmmirror.com/better-scroll/download/better-scroll-2.4.2.tgz", + "integrity": "sha512-I/JzJNUay2vMAkczBa/4x52QBdUGA3Bs/QtrKrxVjSbBHUMG6yR14srQr4aCAWlIra1FBmuddwGRfI6zRagI9Q==", + "requires": { + "@better-scroll/core": "^2.4.2", + "@better-scroll/indicators": "^2.4.2", + "@better-scroll/infinity": "^2.4.2", + "@better-scroll/mouse-wheel": "^2.4.2", + "@better-scroll/movable": "^2.4.2", + "@better-scroll/nested-scroll": "^2.4.2", + "@better-scroll/observe-dom": "^2.4.2", + "@better-scroll/observe-image": "^2.4.2", + "@better-scroll/pull-down": "^2.4.2", + "@better-scroll/pull-up": "^2.4.2", + "@better-scroll/scroll-bar": "^2.4.2", + "@better-scroll/slide": "^2.4.2", + "@better-scroll/wheel": "^2.4.2", + "@better-scroll/zoom": "^2.4.2" + } + }, "bfj": { "version": "6.1.2", "resolved": "https://registry.npmjs.org/bfj/-/bfj-6.1.2.tgz", @@ -3744,6 +3919,11 @@ } } }, + "core-js": { + "version": "3.20.3", + "resolved": "https://registry.npmmirror.com/core-js/download/core-js-3.20.3.tgz", + "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag==" + }, "core-js-compat": { "version": "3.20.3", "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.3.tgz", @@ -11187,43 +11367,6 @@ } } }, - "vue-loader-v16": { - "version": "npm:vue-loader@16.8.3", - "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz", - "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", - "dev": true, - "optional": true, - "requires": { - "chalk": "^4.1.0", - "hash-sum": "^2.0.0", - "loader-utils": "^2.0.0" - }, - "dependencies": { - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "optional": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "loader-utils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz", - "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==", - "dev": true, - "optional": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - } - } - }, "vue-router": { "version": "3.5.3", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.3.tgz", diff --git a/package.json b/package.json index 71c86bf..3c6e018 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ }, "dependencies": { "-": "0.0.1", + "better-scroll": "^2.4.2", "core-js": "^3.6.5", "dplayer": "^1.26.0", "element-ui": "^2.15.6", diff --git a/src/components/publish-image.vue b/src/components/publish-image.vue new file mode 100644 index 0000000..cffa5d3 --- /dev/null +++ b/src/components/publish-image.vue @@ -0,0 +1,100 @@ + + + + + \ No newline at end of file diff --git a/src/components/publish-video.vue b/src/components/publish-video.vue new file mode 100644 index 0000000..45602a9 --- /dev/null +++ b/src/components/publish-video.vue @@ -0,0 +1,65 @@ + + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index cd5e5ec..638fa9b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -35,6 +35,11 @@ const routes = [ name: "What", component: What }, + { + path: "publish", + name: "Publish", + component: () => import('@/views/Publish.vue') + } ] }, // { diff --git a/src/views/Main.vue b/src/views/Main.vue index a7ef958..62e3600 100644 --- a/src/views/Main.vue +++ b/src/views/Main.vue @@ -26,6 +26,10 @@ 还不知道写啥 + + + 发布作品 + @@ -39,6 +43,7 @@ + \ No newline at end of file -- Gitee From cc53cff1b7b64cf1f53ce3ec829a0926ae519efb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B8=85=E5=AE=87=E7=BF=94?= <1092600370@qq.com> Date: Fri, 21 Jan 2022 09:49:16 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E6=94=B9=E8=89=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/publish-image.vue | 88 +------------ src/components/publish-video.vue | 130 ++++++++++++------- src/views/Publish.vue | 44 +++---- "\345\244\207\344\273\275/Publish.vue" | 90 +++++++++++++ "\345\244\207\344\273\275/publish-image.vue" | 100 ++++++++++++++ "\345\244\207\344\273\275/publish-video.vue" | 65 ++++++++++ 6 files changed, 360 insertions(+), 157 deletions(-) create mode 100644 "\345\244\207\344\273\275/Publish.vue" create mode 100644 "\345\244\207\344\273\275/publish-image.vue" create mode 100644 "\345\244\207\344\273\275/publish-video.vue" diff --git a/src/components/publish-image.vue b/src/components/publish-image.vue index cffa5d3..993df3c 100644 --- a/src/components/publish-image.vue +++ b/src/components/publish-image.vue @@ -1,24 +1,6 @@ @@ -26,75 +8,19 @@ export default { data() { return { - dialogImageUrl: "", - dialogVisible: false, + }; }, props: { - isVideo: { - Type: Boolean, - }, + }, methods: { - handleRemove(file, fileList) { - console.log(file, fileList); - }, - handlePictureCardPreview(file) { - this.dialogImageUrl = file.url; - this.dialogVisible = true; - }, + } }; \ No newline at end of file diff --git a/src/components/publish-video.vue b/src/components/publish-video.vue index 45602a9..7605429 100644 --- a/src/components/publish-video.vue +++ b/src/components/publish-video.vue @@ -1,21 +1,88 @@ + + \ No newline at end of file diff --git "a/\345\244\207\344\273\275/publish-image.vue" "b/\345\244\207\344\273\275/publish-image.vue" new file mode 100644 index 0000000..ff30846 --- /dev/null +++ "b/\345\244\207\344\273\275/publish-image.vue" @@ -0,0 +1,100 @@ + + + + + \ No newline at end of file diff --git "a/\345\244\207\344\273\275/publish-video.vue" "b/\345\244\207\344\273\275/publish-video.vue" new file mode 100644 index 0000000..3797254 --- /dev/null +++ "b/\345\244\207\344\273\275/publish-video.vue" @@ -0,0 +1,65 @@ + + + + + \ No newline at end of file -- Gitee