odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'fix : 修复文章详情排版' (#852) from dj into master

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/852
This commit is contained in:
odjbin
2024-10-23 13:58:08 +00:00
parent 6afc855cd8 20b2203930
commit 3d6bdd50ca
1 changed files with 18 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/article-management/detail.vue
View File

@@ -1,30 +1,15 @@
<template> <template>
<div v-loading="loading" class="article-detail"> <div v-loading="loading" class="article-detail">
<baseTitle title="文章详情"></baseTitle>
<el-form :model="formData" > <el-form :model="formData" >
<el-row gutter="20" style="margin-left: 5px"> <h2 class="article-title">{{ formData.articleTitle }}</h2>
<el-col :span="6"> <div class="article-title">
<el-form-item label="文章标题"> <Tag dictType="article_type" :value="formData.articleType"/>
<span>{{ formData.articleTitle }}</span> <span>{{ formData.articleTime }}</span>
</el-form-item> <span>备注：{{ formData.remarks }}</span>
</el-col> </div>
<el-col :span="6"> <el-row gutter="20">
<el-form-item label="文章类型">
<Tag dictType="article_type" :value="formData.articleType"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="创建时间">
<span>{{ formData.articleTime }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="备注">
<span>{{ formData.remarks }}</span>
</el-form-item>
</el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="文章内容"> <el-form-item >
<div v-html="formData.articleContent"></div> <div v-html="formData.articleContent"></div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -61,10 +46,19 @@ onMounted(async () => {
}) })
</script> </script>
<style scoped> <style scoped lang="scss">
.article-detail{ .article-detail{
padding: 0 30px; padding: 0 30px;
padding-top: 15px;
width: 100%; width: 100%;
height: 100%; height: 100%;
.article-title{
display: flex;
justify-content: center;
align-items: center;
>span:nth-child(2){
margin: 15px;
}
}
} }
</style> </style>