fix: remove unnecessary file
This commit is contained in:
@@ -1,105 +0,0 @@
|
||||
<!-- <template>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-button @click="goBack()">
|
||||
< 返回列表</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<h1 v-if="detail.type === 'article'">{{ articleinfo.detail.title }}</h1>
|
||||
<p v-if="detail.type === 'article'" style="padding: 20px;">发布时间:{{ articleinfo.detail.created }}---更新时间:{{
|
||||
articleinfo.detail.updated }}</p>
|
||||
<h1 v-if="detail.type === 'news'">{{ newsinfo.detail.title }}</h1>
|
||||
<p v-if="detail.type === 'news'" style="padding: 20px;">发布时间:{{ newsinfo.detail.published }}</p>
|
||||
<h1 v-if="detail.type === 'project'">{{ projectinfo.detail.title }}</h1>
|
||||
<p v-if="detail.type === 'project'" style="padding: 20px;">发布时间:{{ projectinfo.detail.created }}---更新时间:{{
|
||||
projectinfo.detail.updated }}</p>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div style="width: 100%;">
|
||||
<div v-html="Content" class="markdown-body"></div>
|
||||
</div>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { useRouter } from 'vue-router'
|
||||
import { articleStore, detailsStore, newsStore, projectStore } from '@/store/details'
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { marked } from 'marked'
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
const detail = detailsStore()
|
||||
|
||||
const articleinfo = articleStore()
|
||||
const newsinfo = newsStore()
|
||||
const projectinfo = projectStore()
|
||||
|
||||
const Content = ref('')
|
||||
|
||||
const show = ref(null)
|
||||
|
||||
|
||||
const setShow = () => {
|
||||
if (detail.type === 'article')
|
||||
show.value = articleinfo.detail
|
||||
else if (detail.type === 'news')
|
||||
show.value = newsinfo.detail
|
||||
else if (detail.type === 'project')
|
||||
show.value = projectinfo.detail
|
||||
}
|
||||
|
||||
|
||||
|
||||
const goBack = () => {
|
||||
router.back()
|
||||
}
|
||||
|
||||
const convertContent = () => {
|
||||
const markdownContent = show.value.content
|
||||
Content.value = marked.parse(markdownContent)
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
setShow()
|
||||
convertContent()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@import 'github-markdown-css/github-markdown.css';
|
||||
|
||||
::v-deep(.markdown-body) {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
::v-deep(.markdown-body table) {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
::v-deep(.markdown-body th),
|
||||
::v-deep(.markdown-body td) {
|
||||
border: 1px solid #d0d7de;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
::v-deep(.markdown-body th) {
|
||||
background-color: #f6f8fa;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
::v-deep(.markdown-body img) {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style> -->
|
||||
Reference in New Issue
Block a user