fix : 修改文章详情里面附件链接颜色
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user