From b5d2dceda1670f8fe6038564fdc4ac80412f429c Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sat, 26 Oct 2024 21:28:48 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E6=94=B9=E6=96=87=E7=AB=A0?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=87=8C=E9=9D=A2=E9=99=84=E4=BB=B6=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/article-management/detail.vue | 31 ++++++++++++++++++-------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/views/article-management/detail.vue b/src/views/article-management/detail.vue
index 3640818..e11727f 100644
--- a/src/views/article-management/detail.vue
+++ b/src/views/article-management/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-loading="loading" class="article-detail">
-    <el-form :model="formData" >
+    <el-form :model="formData">
       <h2 class="article-title">{{ formData.articleTitle }}</h2>
       <div class="article-title">
         <Tag dictType="article_type" :value="formData.articleType"/>
@@ -9,8 +9,8 @@
       </div>
       <el-row gutter="20">
         <el-col :span="24">
-          <el-form-item >
-            <div v-html="formData.articleContent"></div>
+          <el-form-item>
+            <div class="article-a" v-html="formData.articleContent"></div>
           </el-form-item>
         </el-col>
       </el-row>
@@ -21,8 +21,9 @@
 <script setup>
 import {ElNotification} from "element-plus";
 import {getArticleDetail} from "@/api/article";
-const loading=ref(false)
-const formData=ref({})
+
+const loading = ref(false)
+const formData = ref({})
 const route = useRoute()
 const getDetailInfo = async () => {
   loading.value = true
@@ -30,7 +31,7 @@ const getDetailInfo = async () => {
     if (res.code === 1000) {
       formData.value = res.data
       loading.value = false
-    }else{
+    } else {
       ElNotification({
         title: '提示',
         message: res.msg,
@@ -46,17 +47,29 @@ onMounted(async () => {
 })
 </script>
 
+<style lang="scss">
+.article-a {
+  p {
+    a {
+      color: #409eff;
+    }
+  }
+}
+</style>
 <style scoped lang="scss">
-.article-detail{
+
+.article-detail {
   padding: 0 30px;
   padding-top: 15px;
   width: 100%;
   height: 100%;
-  .article-title{
+
+  .article-title {
     display: flex;
     justify-content: center;
     align-items: center;
-    >span:nth-child(2){
+
+    > span:nth-child(2) {
       margin: 15px;
     }
   }