✨ 公益

src/components/IconifyIcon/src/offlineIcon.ts

@@ -35,7 +35,7 @@ import downloadRounded from "@iconify-icons/material-symbols/download-rounded";
 import deviceReset from "@iconify-icons/material-symbols/device-reset";
 import switchAccessOutlineRounded from "@iconify-icons/material-symbols/switch-access-outline-rounded";
 import switchAccessRounded from "@iconify-icons/material-symbols/switch-access-rounded";
-
+import localFireDepartment from "@iconify-icons/material-symbols/local-fire-department";
 addIcon("cloud", Cloud);
 addIcon("rocket-launch-rounded", RocketLaunchRounded);
 addIcon("download", Download);
@@ -65,5 +65,6 @@ addIcon("downloadRounded", downloadRounded);
 addIcon("deviceReset", deviceReset);
 addIcon("switchAccessOutlineRounded", switchAccessOutlineRounded);
 addIcon("switchAccessRounded", switchAccessRounded);
+addIcon("localFireDepartment", localFireDepartment);
 
 

src/router/index.ts

@@ -60,6 +60,17 @@ const routes: RouteRecordRaw[] = [
         },
         component: () => import("@/views/logger/index.vue")
       },
+      {
+        path: "/welfare",
+        name: "Welfare",
+        meta: {
+          title: "公益",
+          icon: "localFireDepartment",
+          keepAlive: true,
+          hidden: false
+        },
+        component: () => import("@/views/welfare/index.vue")
+      },
       {
         path: "/about",
         name: "About",

src/views/welfare/index.vue

@@ -0,0 +1,49 @@
+<script lang="ts" setup>
+import { defineComponent, onMounted, onUnmounted, reactive, ref } from "vue";
+import Breadcrumb from "@/layout/compoenets/Breadcrumb.vue";
+import IconifyIconOffline from "@/components/IconifyIcon/src/iconifyIconOffline";
+
+defineComponent({
+  name: "Welfare"
+});
+
+const loading = ref(1);
+
+const welfareNodes = ref([]);
+</script>
+
+<template>
+  <div class="main">
+    <breadcrumb />
+    <div class="app-container-breadcrumb pr-2" v-loading="loading > 0">
+      <div class="w-full">
+        <template v-if="welfareNodes && welfareNodes.length > 0">
+          <el-row :gutter="20">
+            <el-col
+              v-for="version in welfareNodes"
+              :key="version.id"
+              :lg="6"
+              :md="8"
+              :sm="12"
+              :xl="6"
+              :xs="12"
+              class="mb-[20px]"
+            >
+              <div
+                class="w-full download-card bg-white rounded p-4 drop-shadow flex justify-between items-center"
+              >
+                <div class="left">
+                </div>
+
+                <div class="right">
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>