百色农校

pages/article/[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="text-large font-600"> {{ page.title }} </span>
@@ -41,7 +41,7 @@ import { ArrowLeft,View,Search } from '@element-plus/icons-vue'
 import {useLayout, usePage} from "~/composables/configState";
 import type {CmsNavigation} from "~/api/cms/cmsNavigation/model";
 import type {CmsArticle, CmsArticleParam} from "~/api/cms/cmsArticle/model";
-import {getNavIdByParamsId, getViews, paramsId} from "~/utils/common";
+import {getImage, getNavIdByParamsId, getViews, paramsId} from "~/utils/common";
 import dayjs from "dayjs";
 import {getCmsNavigation, listCmsNavigation} from "~/api/cms/cmsNavigation";
 import {pageCmsArticle} from "~/api/cms/cmsArticle";
@@ -97,7 +97,10 @@ const reload = async () => {
       pageCmsArticle(where).then(response => {
         if(response){
           total.value = response?.count;
-          list.value = response?.list;
+          list.value = response?.list.map(d => {
+            d.image = getImage(d.image);
+            return d;
+          });
         }
       })
     })