From dbebc68cb08dd54c91008e3f54c1b0d044c70855 Mon Sep 17 00:00:00 2001
From: yige <a@wyr.me>
Date: Sun, 20 Sep 2020 16:57:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8F=90=E9=86=92=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json            |  2 +-
 pages/p.vue             | 47 +++++++++++++++++++++++++++++++++++++++++
 pages/post/_id.vue      |  3 +++
 pages/post/p.vue        | 47 +++++++++++++++++++++++++++++++++++++++++
 plugins/vue-js-modal.js |  3 ++-
 yarn.lock               |  8 +++----
 6 files changed, 104 insertions(+), 6 deletions(-)
 create mode 100644 pages/p.vue
 create mode 100644 pages/post/p.vue

diff --git a/package.json b/package.json
index 9ab802b..da0f171 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "strip-markdown": "^3.1.2",
     "v-viewer": "^1.5.1",
     "vditor": "^3.3.8",
-    "vue-js-modal": "^2.0.0-rc.3",
+    "vue-js-modal": "^2.0.0-rc.6",
     "vue-toasted": "^1.1.28"
   },
   "devDependencies": {
diff --git a/pages/p.vue b/pages/p.vue
new file mode 100644
index 0000000..61c0c25
--- /dev/null
+++ b/pages/p.vue
@@ -0,0 +1,47 @@
+<template lang="pug">
+.pClass
+  Form(ref='form', :model='form', label-width='120px')
+    FormItem(label='请输入文章编号')
+      Input(v-model='form.no', size='small', @keyup.enter='onSubmit')
+    FormItem
+      Button(type='primary', size='small', @click='onSubmit')
+        | 确定
+</template>
+
+<script>
+import { Form, FormItem, Input, Switch, Button } from 'element-ui'
+
+export default {
+  layout: 'auth',
+  components: {
+    Form, FormItem, Input, VueSwitch: Switch, Button
+  },
+  data () {
+    return {
+      form: {
+        no: ''
+      }
+    }
+  },
+  mounted () {
+    this.$finishLoad()
+  },
+  methods: {
+    onSubmit () {
+      if (!this.form.no) {
+        alert('请输入文章编号')
+        return
+      }
+      this.$router.push('/post/' + this.form.no + '#comment')
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.pClass
+  width 100%
+  height 100%
+  padding 50px 20px
+  box-sizing border-box
+</style>
diff --git a/pages/post/_id.vue b/pages/post/_id.vue
index 13afcd7..ca45c53 100644
--- a/pages/post/_id.vue
+++ b/pages/post/_id.vue
@@ -951,6 +951,9 @@ $qrcode-width = 96px
 $qrcode-height = 96px
 $logo-width = 64px
 
+modal
+  display none
+
 .postPage
   .articleDetails
     margin-top 30px
diff --git a/pages/post/p.vue b/pages/post/p.vue
new file mode 100644
index 0000000..61c0c25
--- /dev/null
+++ b/pages/post/p.vue
@@ -0,0 +1,47 @@
+<template lang="pug">
+.pClass
+  Form(ref='form', :model='form', label-width='120px')
+    FormItem(label='请输入文章编号')
+      Input(v-model='form.no', size='small', @keyup.enter='onSubmit')
+    FormItem
+      Button(type='primary', size='small', @click='onSubmit')
+        | 确定
+</template>
+
+<script>
+import { Form, FormItem, Input, Switch, Button } from 'element-ui'
+
+export default {
+  layout: 'auth',
+  components: {
+    Form, FormItem, Input, VueSwitch: Switch, Button
+  },
+  data () {
+    return {
+      form: {
+        no: ''
+      }
+    }
+  },
+  mounted () {
+    this.$finishLoad()
+  },
+  methods: {
+    onSubmit () {
+      if (!this.form.no) {
+        alert('请输入文章编号')
+        return
+      }
+      this.$router.push('/post/' + this.form.no + '#comment')
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.pClass
+  width 100%
+  height 100%
+  padding 50px 20px
+  box-sizing border-box
+</style>
diff --git a/plugins/vue-js-modal.js b/plugins/vue-js-modal.js
index 7324e2b..1e3a6b4 100644
--- a/plugins/vue-js-modal.js
+++ b/plugins/vue-js-modal.js
@@ -1,4 +1,5 @@
 import Vue from 'vue'
-import VModal from 'vue-js-modal'
+import VModal from 'vue-js-modal/dist/ssr.nocss'
 
+import 'vue-js-modal/dist/styles.css'
 Vue.use(VModal, { dialog: true })
diff --git a/yarn.lock b/yarn.lock
index 9dd2454..d9b1b26 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9264,10 +9264,10 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://mirrors.huaweicloud.com/repository/npm/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
-vue-js-modal@^2.0.0-rc.3:
-  version "2.0.0-rc.3"
-  resolved "https://registry.yarnpkg.com/vue-js-modal/-/vue-js-modal-2.0.0-rc.3.tgz#c34b33305af10b4ccecdbb381dd58efbb19e2862"
-  integrity sha512-Q9L9FsIUMuzCKSuB41D8LxV+Yc2q+zWHzzUdWaQ2KeHPS+78+X6AAnBztVoophbjt8UXHO7rQSRgER1MMw5qsw==
+vue-js-modal@^2.0.0-rc.6:
+  version "2.0.0-rc.6"
+  resolved "https://registry.npm.taobao.org/vue-js-modal/download/vue-js-modal-2.0.0-rc.6.tgz#2fd596c79a713d2cbf447150abb5fefce65efd2d"
+  integrity sha1-L9WWx5pxPSy/RHFQq7X+/OZe/S0=
   dependencies:
     resize-observer-polyfill "^1.5.1"