zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: markdown 编辑器

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-03-14 18:13:50 +08:00
parent 1272a87a8b
commit d8cb5f44d7
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/index.html
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base target=_blank>
<title>%VITE_APP_TITLE%</title> <title>%VITE_APP_TITLE%</title>
</head> </head>
<body> <body>

2
ui/package.json
View File

@ -26,7 +26,7 @@
"markdown-it-sup": "^1.0.0", "markdown-it-sup": "^1.0.0",
"markdown-it-task-lists": "^2.1.1", "markdown-it-task-lists": "^2.1.1",
"markdown-it-toc-done-right": "^4.2.0", "markdown-it-toc-done-right": "^4.2.0",
"md-editor-v3": "^4.9.0", "md-editor-v3": "^4.12.1",
"medium-zoom": "^1.1.0", "medium-zoom": "^1.1.0",
"mitt": "^3.0.0", "mitt": "^3.0.0",
"npm": "^10.2.4", "npm": "^10.2.4",

14
ui/src/layout/components/top-bar/index.vue
View File

@ -1,14 +1,12 @@
<template> <template>
<div class="top-bar-container border-b flex-between"> <div class="top-bar-container border-b flex-between">
<div class="flex-center h-full"> <div class="flex-center h-full">
<a href="/"> <div class="app-title-container flex-center cursor" @click="router.push('/')">
<div class="app-title-container flex-center"> <div class="app-title-icon"></div>
<div class="app-title-icon"></div> <div class="app-title-text app-logo-font ml-4">
<div class="app-title-text app-logo-font ml-4"> {{ defaultTitle }}
{{ defaultTitle }}
</div>
</div> </div>
</a> </div>
<TopMenu></TopMenu> <TopMenu></TopMenu>
</div> </div>
<div class="avatar"> <div class="avatar">
@ -19,6 +17,8 @@
<script setup lang="ts"> <script setup lang="ts">
import TopMenu from './top-menu/index.vue' import TopMenu from './top-menu/index.vue'
import Avatar from './avatar/index.vue' import Avatar from './avatar/index.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const defaultTitle = import.meta.env.VITE_APP_TITLE const defaultTitle = import.meta.env.VITE_APP_TITLE
</script> </script>
<style lang="scss"> <style lang="scss">