refactor: routes and file

src/views/demo/editor/md-editor.vue

@@ -0,0 +1,43 @@
+<template>
+  <CommonPage :show-header="false" title="32323">
+    <div h-60 pl-20 pr-20 flex items-center bg-white>
+      <input
+        v-model="post.title"
+        class="flex-1 pt-15 pb-15 mr-20 text-20 font-bold color-primary"
+        type="text"
+        placeholder="输入文章标题..."
+      />
+      <n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost">
+        <TheIcon v-if="!btnLoading" icon="line-md:confirm-circle" class="mr-5" :size="18" /> 保存
+      </n-button>
+    </div>
+    <MdEditor v-model="post.content" style="height: calc(100vh - 250px)" />
+  </CommonPage>
+</template>
+
+<script setup>
+import MdEditor from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
+
+// refs
+let post = ref({})
+let btnLoading = ref(false)
+
+function handleSavePost(e) {
+  btnLoading.value = true
+  $message.loading('正在保存...')
+  setTimeout(() => {
+    $message.success('保存成功')
+    btnLoading.value = false
+  }, 2000)
+}
+</script>
+
+<style lang="scss">
+.md-preview {
+  ul,
+  ol {
+    list-style: revert;
+  }
+}
+</style>