新增：开发者中心功能、md编辑器等。

components/MHeader.vue

@@ -2,7 +2,7 @@
 
     <header class="clearfix flex justify-between items-center w-full">
       <div class="logo" :class="logo?.style">
-        <nuxt-link :to="`/m`" target="_top"><img :src="`${logo?.value }`" /></nuxt-link>
+        <nuxt-link :to="`/m`" target="_top"><el-image :src="logo?.value" class=" rounded-sm rounded-sm w-[107px] h-[40px]"/></nuxt-link>
       </div>
       <div class="sub-menu">
         <el-icon color="black" :size="20" @click="drawer = true"><Fold /></el-icon>
@@ -49,14 +49,14 @@
 <script setup lang="ts">
 // 引入所需的图标
 import {
-  useConfigInfo,
+  useConfigInfo, useLogo,
   useMenu,
   useToken,
   useUser, useWebsite
 } from "~/composables/configState";
 import {getPath, isMobileDevice, navTo} from "#imports";
 import { Search, Expand, Fold } from '@element-plus/icons-vue'
-import {configWebsiteField} from "~/api/cms/cmsWebsiteField";
+import {configWebsiteField, listCmsWebsiteField} from "~/api/cms/cmsWebsiteField";
 import {getSiteInfo, getUserInfo} from "~/api/layout";
 import {listCmsLangLog} from "~/api/cms/cmsLangLog";
 import type {CmsLangLog} from "~/api/cms/cmsLangLog/model";
@@ -71,7 +71,7 @@ const i18n = useI18n();
 const isMobile = ref<boolean>(false);
 const langList = ref<CmsLangLog[]>([]);
 const drawer = ref<boolean>(false);
-const logo = ref<CmsWebsiteField>();
+const logo = useLogo()
 const keyword = ref();
 
 const setNav = () => {
@@ -102,9 +102,12 @@ const reload = async () => {
     langList.value = list;
   })
 
-  // TODO 读取logo
-  getWebsiteField(13686).then(data => {
-    logo.value = data;
+  listCmsWebsiteField({
+    name: 'siteLogo'
+  }).then(data => {
+    if(data[0]){
+      logo.value = data[0]
+    }
   })
 
   // TODO 是否跳转H5版