fix : 修改文章详情里面附件链接颜色

This commit is contained in:
2024-10-26 21:28:48 +08:00
parent 68f9c787e9
commit b5d2dceda1

View File

@@ -10,7 +10,7 @@
<el-row gutter="20"> <el-row gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
<div v-html="formData.articleContent"></div> <div class="article-a" v-html="formData.articleContent"></div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -21,6 +21,7 @@
<script setup> <script setup>
import {ElNotification} from "element-plus"; import {ElNotification} from "element-plus";
import {getArticleDetail} from "@/api/article"; import {getArticleDetail} from "@/api/article";
const loading = ref(false) const loading = ref(false)
const formData = ref({}) const formData = ref({})
const route = useRoute() const route = useRoute()
@@ -46,16 +47,28 @@ onMounted(async () => {
}) })
</script> </script>
<style lang="scss">
.article-a {
p {
a {
color: #409eff;
}
}
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.article-detail { .article-detail {
padding: 0 30px; padding: 0 30px;
padding-top: 15px; padding-top: 15px;
width: 100%; width: 100%;
height: 100%; height: 100%;
.article-title { .article-title {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
> span:nth-child(2) { > span:nth-child(2) {
margin: 15px; margin: 15px;
} }