feat: about page

liou666 · Apr 26, 2023 · fb10ff0 · fb10ff0
1 parent 1924cdf
commit fb10ff0
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 5 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -14,7 +14,6 @@ declare module '@vue/runtime-core' {
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     InputKit: typeof import('./src/components/InputKit.vue')['default']
-    InputPassword: typeof import('./src/components/Password.vue')['default']
     Modal: typeof import('./src/components/Modal.vue')['default']
     Password: typeof import('./src/components/Password.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

diff --git a/src/hooks/useSpeechService.ts b/src/hooks/useSpeechService.ts
@@ -60,7 +60,7 @@ export const useSpeechService = ({ langs = <const>['fr-FR', 'ja-JP', 'en-US', 'z
   // 引入变量，触发 SpeechSynthesizer 实例的重新创建
   const count = ref(0)
 
-  watch([language, voiceName, count, azureKey, azureRegion], ([lang, voice]) => {
+  watch([language, voiceName, count, azureKey, azureRegion, ttsPassword], ([lang, voice]) => {
     speechConfig.value = SpeechConfig.fromSubscription(resultAzureKey.value, resultAzureRegion.value)
     speechConfig.value.speechRecognitionLanguage = lang
     speechConfig.value.speechSynthesisLanguage = lang

diff --git a/src/pages/Setting/components/About.vue b/src/pages/Setting/components/About.vue
@@ -1,9 +1,61 @@
 <script setup lang="ts">
-
+import { shell } from 'electron'
 </script>
 
 <template>
-  <div>
-    about
+  <div font-mono>
+    <section class="main-section">
+      <div class="section-item">
+        <div center-y>
+          <label mr-1 for="">问题反馈</label>
+        </div>
+        <div class="center-y" @click="shell.openExternal('https://github.com/liou666/polyglot/issues')">
+          <i w-6 h-6 icon-btn i-carbon:logo-github />
+        </div>
+      </div>
+      <div class="section-item">
+        <div center-y>
+          <label mr-1 for="">QQ交流群</label>
+        </div>
+        <span>
+          724145044
+        </span>
+      </div>
+      <div class="section-item">
+        <div center-y>
+          <label mr-1 for="">版本号</label>
+        </div>
+        <span>
+          V0.1.1
+        </span>
+      </div>
+    </section>
+    <section class="main-section p2">
+      <div flex>
+        <div center-y>
+          如果觉得项目对你有帮助的话，欢迎给作者一些支持😊
+        </div>
+      </div>
+    </section>
+    <div mt-2>
+      <img width="150" src="/donate/weixin.jpg" alt="">
+    </div>
   </div>
 </template>
+
+<style scoped>
+  .main-section{
+   @apply bg-gray-500/10 rounded
+  }
+  .main-section .section-item{
+    @apply rounded center-y justify-between m-2 p2 border-0 border-gray-500/20 border-b-1 border-style-solid
+  }
+  .main-section input {
+   @apply w-180px py-1 px-2  box-border rounded border-gray-500 border-1 block
+  }
+  .main-section select {
+    @apply w-180px py-1 px-2 select-settings
+
+  }
+</style>
+