AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
zyronon
2024-05-15 18:57:17 +08:00
parent 6c80ffa56d
commit 196cc53e93
4 changed files with 79 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/pages/pc/components/Setting.vue
View File

@@ -15,6 +15,7 @@ import * as copy from "copy-to-clipboard";
import {saveAs} from "file-saver";
import {checkAndUpgradeSaveDict, checkAndUpgradeSaveSetting, shakeCommonDict} from "@/utils";
import {dayjs} from "element-plus";
import {GITHUB} from "@/config/ENV.ts";
const emit = defineEmits<{
@@ -141,6 +142,14 @@ function importData(e) {
<Icon icon="mdi:database-cog-outline" width="20" color="#0C8CE9"/>
<span>数据管理</span>
</div>
<div class="tab" :class="tabIndex === 4 && 'active'" @click="tabIndex = 4">
<Icon icon="mingcute:service-fill" width="20" color="#0C8CE9"/>
<span>反馈</span>
</div>
<div class="tab" :class="tabIndex === 5 && 'active'" @click="tabIndex = 5">
<Icon icon="mdi:about-circle-outline" width="20" color="#0C8CE9"/>
<span>关于</span>
</div>
</div>
<div class="git-log">
Build {{ gitLastCommitHash }}
@@ -415,6 +424,39 @@ function importData(e) {
</div>
</div>
</div>
<div v-if="tabIndex === 4" class="feedback-modal">
<div>
给我发Email：<a href="mailto:zyronon@163.com">zyronon@163.com</a>
</div>
<p>or</p>
<div class="github">
<span>在<a :href="GITHUB" target="_blank">Github</a>上给我提一个
<a :href="`${GITHUB}/issues`" target="_blank">Issue</a>
</span>
<div class="options">
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF---word-error.md&title=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF+%7C+Word+error`"
target="_blank">词典错误？</a>
</BaseButton>
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=问题报告---bug-report-.md&title=问题报告+%7C+Bug+report+`"
target="_blank">反馈BUG？</a>
</BaseButton>
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=功能请求---feature-request.md&title=功能请求+%7C+Feature+request`"
target="_blank">功能请求？</a>
</BaseButton>
</div>
</div>
</div>
<div v-if="tabIndex === 5">
<p>Typing Word</p>
本项目完全开源！好用请大家多多点Star！
<div></div>
GitHub地址：https://github.com/zyronon/typing-word
<div></div>
反馈: https://github.com/zyronon/typing-word/issues
</div>
</div>
</div>
</template>
@@ -574,4 +616,30 @@ function importData(e) {
}
}
.feedback-modal {
//height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
padding: var(--space);
//justify-content: center;
color: var(--color-font-1);
p {
font-size: 30rem;
}
.github {
display: flex;
align-items: center;
gap: var(--space);
.options {
display: flex;
flex-direction: column;
gap: 10rem;
}
}
}
</style>

2
src/pages/pc/components/dialog/Dialog.vue
View File

@@ -189,7 +189,7 @@ async function cancel() {
@import "@/assets/css/variable";
$modal-mask-bg: rgba(#000, .45);
$radius: 24rem;
$radius: 12rem;
$time: 0.3s;
$header-height: 60rem;

75
src/pages/pc/components/toolbar/FeedbackModal.vue
View File

@@ -1,75 +0,0 @@
<script setup lang="ts">
import Dialog from "@/pages/pc/components/dialog/Dialog.vue"
import BaseButton from "@/components/BaseButton.vue";
import {GITHUB} from "@/config/ENV.ts";
const emit = defineEmits([
'close',
])
</script>
<template>
<Dialog
@close="emit('close')"
title="反馈">
<div class="feedback-modal">
<div>
给我发Email：<a href="mailto:zyronon@163.com">zyronon@163.com</a>
</div>
<p>or</p>
<div class="github">
<span>在<a :href="GITHUB" target="_blank">Github</a>上给我提一个
<a :href="`${GITHUB}/issues`" target="_blank">Issue</a>
</span>
<div class="options">
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF---word-error.md&title=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF+%7C+Word+error`"
target="_blank">词典错误？</a>
</BaseButton>
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=问题报告---bug-report-.md&title=问题报告+%7C+Bug+report+`"
target="_blank">反馈BUG？</a>
</BaseButton>
<BaseButton>
<a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=功能请求---feature-request.md&title=功能请求+%7C+Feature+request`"
target="_blank">功能请求？</a>
</BaseButton>
</div>
</div>
</div>
</Dialog>
</template>
<style scoped lang="scss">
@import "@/assets/css/style";
.feedback-modal {
width: 500rem;
//height: 80vh;
display: flex;
flex-direction: column;
background: var(--color-second-bg);
align-items: center;
padding: var(--space);
//justify-content: center;
color: var(--color-font-1);
p {
font-size: 30rem;
}
.github {
display: flex;
align-items: center;
gap: var(--space);
.options {
display: flex;
flex-direction: column;
gap: 10rem;
}
}
}
</style>

17
src/pages/pc/components/toolbar/index.vue
View File

@@ -2,7 +2,6 @@
import Tooltip from "@/pages/pc/components/Tooltip.vue"
import useTheme from "@/hooks/theme.ts"
import {useBaseStore} from "@/stores/base.ts"
import FeedbackModal from "@/pages/pc/components/toolbar/FeedbackModal.vue"
import {Icon} from '@iconify/vue';
@@ -26,7 +25,6 @@ const settingStore = useSettingStore()
const runtimeStore = useRuntimeStore()
const practiceStore = usePracticeStore()
const showFeedbackModal = $ref(false)
const headerRef = $ref<HTMLDivElement>(null)
const moreOptionsRef = $ref<HTMLDivElement>(null)
@@ -111,10 +109,16 @@ watch(() => store.load, n => {
title="添加"
icon="ic:outline-cloud-upload"/>
<BaseIcon
@click="showFeedbackModal = true"
title="反馈"
icon="ph:bug-beetle"/>
<Tooltip
:title="`切换主题(快捷键：${settingStore.shortcutKeyMap[ShortcutKey.ToggleTheme]})`"
>
<IconWrapper>
<Icon icon="ep:moon" v-if="settingStore.theme === 'dark'"
@click="toggleTheme"/>
<Icon icon="tabler:sun" v-else @click="toggleTheme"/>
</IconWrapper>
</Tooltip>
</div>
<div class="with-bg anim">
@@ -138,7 +142,6 @@ watch(() => store.load, n => {
color="#999"/>
</Tooltip>
</header>
<FeedbackModal v-if="showFeedbackModal" @close="showFeedbackModal = false"/>
</template>