百色农校

pages/detail/[id].vue

@@ -1,7 +1,7 @@
 <!-- 文章详情 -->
 <template>
   <!-- 主体部分 -->
-  <div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-20">
+  <div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-[220px]">
     <el-page-header :icon="ArrowLeft" @back="goBack">
       <template #content>
         <span class="font-600 mr-3"> 文章详情 </span>
@@ -88,6 +88,7 @@ import {listCmsNavigation} from "~/api/cms/cmsNavigation";
 import CmsArticleRecently from "~/components/CmsRecently.vue";
 import Tags from "~/components/Tags.vue";
 import Content from "~/components/Content.vue";
+import {FILE_SERVER} from "~/config";
 
 // 引入状态管理
 const route = useRoute();
@@ -213,6 +214,10 @@ const reload = async () => {
         category.value = list;
       })
     }
+    // 拼接图片路径
+    if(data.content){
+      form.content = form.content?.replace(/src="\//g, 'src="' + FILE_SERVER + '/');
+    }
 
     if(form.permission === 1){
       console.log('登录可见')