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;
     }
   }