系统状态标题加上阴影,beta版本最终优化

src/components/apps/About/index.vue

@@ -42,12 +42,16 @@ onMounted(() => {
     </div>
     <NDivider> • </NDivider>
     <div class="flex flex-col items-center justify-center text-base">
+      <div>
+        <a href="https://github.com/hslr-s/sun-panel/releases" target="_blank" class="link">{{ $t('apps.about.checkUpdate') }}</a>
+      </div>
+
       <div>
         {{ $t('apps.about.issue') }}<a href="https://github.com/hslr-s/sun-panel/issues" target="_blank" class="link">Github Issues</a>
       </div>
 
       <div>
-        {{ $t('apps.about.QQGroup') }}<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=_I9WIoJn1roIdoaAqelSj9qClLKlXIa1&authKey=GfsQP2GagHnus0jMc7U8Sm6VhWjtsipXUzCHbFwQsGyHMgmYWx6ZbAP%2Bhut%2B4D6N&noverify=0&group_code=276594668" target="_blank" class="link">276594668</a>
+        {{ $t('apps.about.QQGroup') }}<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=_I9WIoJn1roIdoaAqelSj9qClLKlXIa1&authKey=GfsQP2GagHnus0jMc7U8Sm6VhWjtsipXUzCHbFwQsGyHMgmYWx6ZbAP%2Bhut%2B4D6N&noverify=0&group_code=276594668" target="_blank" class="link">{{ $t("apps.about.addQQGroupUrl") }}</a>
         |
         <span class="link cursor-pointer" @click="qqGroupQRShow = !qqGroupQRShow">
           {{ $t('apps.about.QR') }}
@@ -55,7 +59,7 @@ onMounted(() => {
       </div>
 
       <div>
-        {{ $t('apps.about.author') }}<a href="https://blog.enianteam.com/u/sun/content/11" target="_blank" class="link">红烧猎人</a> | <a href="https://github.com/hslr-s/sun-panel/blob/master/doc/donate.md" target="_blank" class="text-red-600 hover:text-red-900">{{ $t('apps.about.donate') }}</a>
+        {{ $t('apps.about.author') }}<a href="https://github.com/hslr-s" target="_blank" class="link">红烧猎人</a> | <a href="https://github.com/hslr-s/sun-panel/blob/master/doc/donate.md" target="_blank" class="text-red-600 hover:text-red-900">{{ $t('apps.about.donate') }}</a>
       </div>
 
       <div class="flex mt-[10px]">

src/components/apps/ImportExport/index.vue

@@ -281,7 +281,7 @@ async function handleStartImport() {
     </div>
 
     <div class="flex justify-center">
-      <a href="https://hslr-s.github.io/sun-panel-tool-page/#/" target="_blank">浏览器书签转换工具</a>
+      <a href="https://hslr-s.github.io/sun-panel-tool-page/#/" target="_blank">{{ $t('apps.exportImport.transmuteStandard') }}</a>
     </div>
 
     <!-- 调试模式 -->

src/components/apps/Style/index.vue

@@ -10,6 +10,7 @@ import { t } from '@/locales'
 const authStore = useAuthStore()
 const panelState = usePanelState()
 const ms = useMessage()
+const showWallpaperInput = ref(false)
 
 const isSaveing = ref(false)
 
@@ -211,6 +212,14 @@ function resetPanelConfig() {
         </NUploadDragger>
       </NUpload>
 
+      <div class="flex items-center mt-[5px]">
+        <span class="mr-[10px]">{{ $t('apps.baseSettings.customImageAddress') }}</span>
+        <NSwitch v-model:value="showWallpaperInput" />
+      </div>
+      <div v-if="showWallpaperInput" class="mt-1">
+        <NInput v-model:value="panelState.panelConfig.backgroundImageSrc" type="text" size="small" clearable />
+      </div>
+
       <div class="flex items-center mt-[10px]">
         <span class="mr-[10px]">{{ $t('apps.baseSettings.vague') }}</span>
         <NSlider v-model:value="panelState.panelConfig.backgroundBlur" class="max-w-[200px]" :step="2" :max="20" />
@@ -268,6 +277,7 @@ function resetPanelConfig() {
       <NInput
         v-model:value="panelState.panelConfig.footerHtml"
         type="textarea"
+        clearable
       />
     </NCard>
 

src/components/apps/UserInfo/index.vue

@@ -4,7 +4,7 @@ import { NButton, NCard, NDivider, NForm, NFormItem, NInput, NSelect, useDialog,
 import { ref } from 'vue'
 import { useAppStore, useAuthStore, usePanelState, useUserStore } from '@/store'
 import { languageOptions } from '@/utils/defaultData'
-import type { Language, Theme } from '@/store/modules/app/helper'
+import type { Language } from '@/store/modules/app/helper'
 import { logout } from '@/api'
 import { RoundCardModal, SvgIcon } from '@/components/common/'
 import { updateInfo, updatePassword } from '@/api/system/user'
@@ -19,15 +19,15 @@ const ms = useMessage()
 const dialog = useDialog()
 
 const languageValue = ref(appStore.language)
-const themeValue = ref(appStore.theme)
+// const themeValue = ref(appStore.theme)
 const nickName = ref(authStore.userInfo?.name || '')
 const isEditNickNameStatus = ref(false)
 const formRef = ref<FormInst | null>(null)
-const themeOptions: { label: string; key: string; value: Theme }[] = [
-  { label: t('apps.userInfo.themeStyle.dark'), key: 'dark', value: 'dark' },
-  { label: t('apps.userInfo.themeStyle.light'), key: 'light', value: 'light' },
-  { label: t('apps.userInfo.themeStyle.auto'), key: 'Auto', value: 'auto' },
-]
+// const themeOptions: { label: string; key: string; value: Theme }[] = [
+//   { label: t('apps.userInfo.themeStyle.dark'), key: 'dark', value: 'dark' },
+//   { label: t('apps.userInfo.themeStyle.light'), key: 'light', value: 'light' },
+//   { label: t('apps.userInfo.themeStyle.auto'), key: 'Auto', value: 'auto' },
+// ]
 const updatePasswordModalState = ref({
   show: false,
   loading: false,
@@ -138,11 +138,11 @@ function handleChangeLanuage(value: Language) {
   location.reload()
 }
 
-function handleChangeTheme(value: Theme) {
-  themeValue.value = value
-  appStore.setTheme(value)
-  // location.reload()
-}
+// function handleChangeTheme(value: Theme) {
+//   themeValue.value = value
+//   appStore.setTheme(value)
+//   // location.reload()
+// }
 </script>
 
 <template>
@@ -187,14 +187,14 @@ function handleChangeTheme(value: Theme) {
         </div>
       </div>
 
-      <div class="mt-[10px]">
+      <!-- <div class="mt-[10px]">
         <div class="text-slate-500 font-bold">
           {{ $t('apps.userInfo.theme') }}
         </div>
         <div class="max-w-[200px]">
           <NSelect v-model:value="themeValue" :options="themeOptions" @update-value="handleChangeTheme" />
         </div>
-      </div>
+      </div> -->
 
       <NDivider style="margin: 10px 0;" dashed />
       <div>

src/components/deskModule/SystemMonitor/index.vue

@@ -275,7 +275,15 @@ function handleRightMenuSelect(key: string | number) {
   </div>
 </template>
 
-<style>
+<style scoped>
+.text-shadow {
+  text-shadow: 2px 2px 50px rgb(0, 0, 0);
+}
+
+.app-icon-text-shadow {
+  text-shadow: 2px 2px 5px rgb(0, 0, 0);
+}
+
 .icon-info-box {
   width: 100%;
   display: grid;