移动端菜单按需加载，后台可以配置是否显示

CHANGELOG.md

@@ -11,6 +11,7 @@
 - 功能新增：生成提示词需要消耗算力，支持管理员设置每次生成提示词的算力消耗，防止被白嫖
 - 功能新增：DALL-E-3 绘图支持 Flux 绘图模型，支持在管理后添加 Flux,SD 等绘图模型
 - 功能优化：Markdown 支持解析 emoji 表情
+- 功能优化：当管理后台禁用了某个绘图菜单的时候，移动端绘图菜单也会同步禁用（不显示该功能）
 
 ## v4.1.7
 

web/src/views/mobile/Image.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="mobile-image container">
     <van-tabs v-model:active="activeName" class="my-tab" animated sticky>
-      <van-tab title="MJ" name="mj">
+      <van-tab title="MJ" name="mj" v-if="activeMenu.mj">
         <image-mj />
       </van-tab>
-      <van-tab title="SD" name="sd">
+      <van-tab title="SD" name="sd" v-if="activeMenu.sd">
         <image-sd />
       </van-tab>
-      <van-tab title="DALL" name="dall">
+      <van-tab title="DALL" name="dall" v-if="activeMenu.dall">
         <image-dall />
       </van-tab>
     </van-tabs>
@@ -15,12 +15,30 @@
 </template>
 
 <script setup>
-import {ref} from "vue";
+import { onMounted, ref } from "vue";
 import ImageMj from "@/views/mobile/pages/ImageMj.vue";
 import ImageSd from "@/views/mobile/pages/ImageSd.vue";
 import ImageDall from "@/views/mobile/pages/ImageDall.vue";
+import { httpGet } from "@/utils/http";
 
-const activeName = ref("mj")
+const activeName = ref("");
+const menus = ref([]);
+const activeMenu = ref({
+  mj: false,
+  sd: false,
+  dall: false,
+});
+
+onMounted(() => {
+  httpGet("/api/menu/list").then((res) => {
+    menus.value = res.data;
+    activeMenu.value = {
+      mj: menus.value.some((item) => item.url === "/mj"),
+      sd: menus.value.some((item) => item.url === "/sd"),
+      dall: menus.value.some((item) => item.url === "/dalle"),
+    };
+  });
+});
 </script>
 
 <style lang="stylus">