捐赠页

Author: xianyunleo

src/renderer/layouts/SideBar.vue

@@ -1,33 +1,36 @@
 <template>
   <div class="sidebar">
-    <div ref='logoContainer' class="draggable logo-container" @dblclick="dblclick">
+    <div ref="logoContainer" class="draggable logo-container" @dblclick="dblclick">
       <img src="@/renderer/assets/img/icons/icon-trans.png" alt="icon" />
-      <span class='color-text'>{{ APP_NAME }} </span>
+      <span class="color-text">{{ APP_NAME }} </span>
     </div>
     <a-menu mode="vertical" @select="menuItemSelect" v-model:selectedKeys="selectedKeys">
       <div style="flex: 1" class="non-draggable">
         <a-menu-item key="/">
-          <template #icon><home-two-tone /> </template>{{$t("Home")}}
+          <template #icon><home-two-tone /> </template>{{ $t('Home') }}
         </a-menu-item>
         <a-menu-item key="/website">
-          <template #icon><layout-two-tone /> </template>{{$t("Website")}}
+          <template #icon><layout-two-tone /> </template>{{ $t('Website') }}
         </a-menu-item>
         <a-menu-item key="/tool">
-          <template #icon><tool-two-tone /> </template>{{$t("Tools")}}
+          <template #icon><tool-two-tone /> </template>{{ $t('Tools') }}
         </a-menu-item>
         <a-menu-item key="/appStore">
-          <template #icon><appstore-two-tone /> </template>{{$t("AppStore")}}
+          <template #icon><appstore-two-tone /> </template>{{ $t('AppStore') }}
         </a-menu-item>
         <a-menu-item key="/customApp">
-          <template #icon><appstore-two-tone /> </template>{{mt('Custom','ws','App')}}
+          <template #icon><appstore-two-tone /> </template>{{ mt('Custom', 'ws', 'App') }}
         </a-menu-item>
       </div>
-      <div style="margin-bottom: 25px;" class="non-draggable">
+      <div style="margin-bottom: 25px" class="non-draggable">
         <a-menu-item key="/settings">
-          <template #icon><setting-two-tone  /> </template>{{$t("Settings")}}
+          <template #icon><setting-two-tone /> </template>{{ $t('Settings') }}
         </a-menu-item>
         <a-menu-item key="/about">
-          <template #icon><exclamation-circle-two-tone /> </template>{{$t("About")}}
+          <template #icon><exclamation-circle-two-tone /> </template>{{ $t('About') }}
+        </a-menu-item>
+        <a-menu-item key="/donate">
+          <template #icon><DollarTwoTone /> </template>{{ $t('Donate') }}
         </a-menu-item>
       </div>
     </a-menu>
@@ -36,20 +39,13 @@
 
 <script setup>
 import { APP_NAME } from '@/shared/helpers/constant'
-import {
-  AppstoreTwoTone,
-  ExclamationCircleTwoTone,
-  HomeTwoTone,
-  LayoutTwoTone,
-  SettingTwoTone,
-  ToolTwoTone
-} from "@ant-design/icons-vue";
+import { AppstoreTwoTone, ExclamationCircleTwoTone, HomeTwoTone, LayoutTwoTone, SettingTwoTone, ToolTwoTone, DollarTwoTone } from '@ant-design/icons-vue'
 import { defineAsyncComponent, onMounted, ref } from 'vue'
-import {useRouter} from "vue-router";
+import { useRouter } from 'vue-router'
 const call = Ipc.call
-const router = useRouter();
-const selectedKeys = ref(['/']);
-import { isWindows ,isMacOS} from '@/shared/utils/utils2'
+const router = useRouter()
+const selectedKeys = ref(['/'])
+import { isWindows, isMacOS } from '@/shared/utils/utils2'
 import { mt } from '../utils/i18n'
 import Ipc from '@/renderer/utils/Ipc'
 
@@ -77,12 +73,9 @@ const AMenuItem = defineAsyncComponent(() => {
   })
 })
 
-const menuItemSelect = e =>{
-  router.push({path:e.key})
+const menuItemSelect = (e) => {
+  router.push({ path: e.key })
 }
-
 </script>
 
-<style scoped lang="less">
-
-</style>
+<style scoped lang="less"></style>

src/renderer/router/index.js

@@ -1,13 +1,14 @@
 import {createRouter,createWebHashHistory} from "vue-router"
 
 const routes = [
-    {path:'/', component:()=>import('@/renderer/views/Home/Home.vue'),},
-    {path:'/website', component:()=>import('@/renderer/views/Website/Website.vue'),},
-    {path:'/tool', component:()=>import('@/renderer/views/Tool/Tool.vue'),},
-    {path:'/appStore', component:()=>import('@/renderer/views/ChildApp/ChildApp.vue'),},
-    {path:'/settings', component:()=>import('@/renderer/views/Settings/Settings.vue'),},
-    {path:'/about', component:()=>import('@/renderer/views/About/About.vue'),},
-    {path:'/customApp', component:()=>import('@/renderer/views/CustomChildApp/CustomChildApp.vue'),},
+    { path: '/', component: () => import('@/renderer/views/Home/Home.vue') },
+    { path: '/website', component: () => import('@/renderer/views/Website/Website.vue') },
+    { path: '/tool', component: () => import('@/renderer/views/Tool/Tool.vue') },
+    { path: '/appStore', component: () => import('@/renderer/views/ChildApp/ChildApp.vue') },
+    { path: '/settings', component: () => import('@/renderer/views/Settings/Settings.vue') },
+    { path: '/about', component: () => import('@/renderer/views/About/About.vue') },
+    { path: '/customApp', component: () => import('@/renderer/views/CustomChildApp/CustomChildApp.vue') },
+    { path: '/donate', component: () => import('@/renderer/views/Donate/Donate.vue') }
 ]
 const router = createRouter({
     history: createWebHashHistory(),

src/renderer/views/Donate/Donate.vue

@@ -0,0 +1,6 @@
+<template>
+  <iframe src="https://www.phpenv.cn/about.html" height="100%"></iframe>
+<!--  判断当前语言，然后显示gitee还是GitHub-->
+</template>
+<script setup></script>
+<style scoped></style>

src/shared/i18n/en.js

@@ -10,6 +10,7 @@ export default {
     Create: 'Create',
     Delete: 'Delete',
     Data: 'Data',
+    Donate: 'Donate',
     Done: 'Done',
     Modify: 'Modify',
     Access: 'Access',

src/shared/i18n/fr.js

@@ -9,6 +9,7 @@ export default {
     Config: 'Config',
     Create: 'Créer',
     Data: 'Données',
+    Donate: 'Donner',
     Done: 'Fait',
     Delete: 'Supprimer',
     Modify: 'Modifier',

src/shared/i18n/zh.js

@@ -9,6 +9,7 @@ export default {
     Config: '配置',
     Create: '创建',
     Data: '数据',
+    Donate: '打赏',
     Done: '完成',
     Delete: '删除',
     Modify: '修改',