37 lines
761 B
Vue
37 lines
761 B
Vue
<script setup lang="ts">
|
|
import { reactive } from 'vue'
|
|
import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
|
|
import ToolDetail from '@/components/Layout/ToolDetail/ToolDetail.vue'
|
|
const info = reactive({
|
|
title: "在线markdown编辑器",
|
|
content: '',
|
|
})
|
|
|
|
|
|
//copy
|
|
// const copyRes = async (resStr: string) => {
|
|
// copy(resStr)
|
|
// }
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col mt-3 flex-1">
|
|
<DetailHeader :title="info.title"></DetailHeader>
|
|
|
|
<div class="">
|
|
<v-md-editor v-model="info.content" height="500px"></v-md-editor>
|
|
</div>
|
|
|
|
<!-- desc -->
|
|
<ToolDetail title="描述">
|
|
<el-text>
|
|
在线编辑markdown
|
|
</el-text>
|
|
</ToolDetail>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |