feat(common): 在设置中新增指引视频

This commit is contained in:
nongyehong 2024-09-28 22:18:32 +08:00
parent 028a15b2d4
commit e8a8acf990
21 changed files with 441 additions and 279 deletions

View File

@ -7,7 +7,7 @@ body:
attributes:
value: |
## 首先
1.请先搜索 [现有问题]https://gitee.com/nongyehong/HuLa-IM-Tauri/issues?q=is%3Aissue 关于此问题。<br>
1.请先搜索 [现有问题](https://gitee.com/nongyehong/HuLa-IM-Tauri/issues?q=is%3Aissue)关于此问题。<br>
2.确保 rustc 和所有相关的 HuLa-IM-Tauri 包都是最新的。<br>
3.确保这是 HuLa-IM-Tauri 的问题,而不是你正在使用的其他东西。<br>
4.请记住遵循我们的社区准则并保持友好。<br>

View File

@ -0,0 +1,60 @@
name: '🐛 反馈缺陷'
description: '反馈一个问题缺陷'
title: '[bug] '
labels: ['bug']
body:
- type: markdown
attributes:
value: |
## 首先
1.请先搜索 [现有问题](https://github.com/nongyehong/HuLa-IM-Tauri/issues?q=is%3Aissue)关于此问题。
2.确保 rustc 和所有相关的 HuLa-IM-Tauri 包都是最新的。
3.确保这是 HuLa-IM-Tauri 的问题,而不是你正在使用的其他东西。
4.请记住遵循我们的社区准则并保持友好。
- type: input
attributes:
label: '📌 软件版本'
validations:
required: true
- type: dropdown
attributes:
label: '💻 系统环境'
multiple: true
options:
- 'Windows'
- 'macOS'
validations:
required: true
- type: textarea
attributes:
label: '🐛 问题描述'
description: 请提供一个清晰且简洁的问题描述,如果适用,请包括屏幕截图。
validations:
required: true
- type: textarea
id: info
attributes:
label: '☄️ 完整的 `tauri info` 输出'
description: '“pnpm run tauri info”或“cargo tauri info”的输出'
render: text
validations:
required: true
- type: textarea
attributes:
label: '📷 复现步骤'
description: 请提供一个清晰且简洁的描述,说明如何复现问题。
- type: textarea
attributes:
label: '🚦 期望结果'
description: 请提供一个清晰且简洁的描述,说明您期望发生什么。
- type: textarea
attributes:
label: '📝 补充信息'
description: 如果您的问题需要进一步说明,或者您遇到的问题无法在一个简单的示例中复现,请在这里添加更多信息。

View File

@ -0,0 +1,35 @@
name: 💡 功能请求
title: '[feat] '
description: 提出想法
labels: ['enhancement']
body:
- type: textarea
id: problem
attributes:
label: 描述问题
description: 明确描述此功能将解决的问题
placeholder: "我总是感到困扰..."
validations:
required: true
- type: textarea
id: solution
attributes:
label: "描述您想要的解决方案"
description: 明确说明您希望做出的改变
placeholder: '我想...'
validations:
required: true
- type: textarea
id: alternatives
attributes:
label: 考虑的替代方案
description: "您考虑过的任何替代解决方案"
- type: textarea
id: context
attributes:
label: 其他上下文
description: 在此处添加有关问题的任何其他上下文。

View File

@ -49,11 +49,11 @@
"grapheme-splitter": "^1.0.4",
"lodash-es": "^4.17.21",
"mitt": "^3.0.1",
"naive-ui": "^2.39.0",
"naive-ui": "^2.40.1",
"pinia": "^2.2.1",
"pinia-plugin-persistedstate": "^3.2.1",
"pinia-shared-state": "^0.5.1",
"vue": "^3.5.4",
"vue": "^3.5.8",
"vue-draggable-plus": "^0.5.3",
"vue-router": "^4.4.2"
},
@ -93,7 +93,7 @@
"typescript": "^5.6.2",
"unplugin-auto-import": "^0.18.2",
"unplugin-vue-components": "^0.27.4",
"vite": "5.4.3",
"vite": "5.4.8",
"vue-tsc": "^2.1.4"
},
"config": {

File diff suppressed because it is too large Load Diff

BIN
src/assets/video/issue.mp4 Normal file

Binary file not shown.

BIN
src/assets/video/star.mp4 Normal file

Binary file not shown.

View File

@ -212,5 +212,5 @@ defineExpose({ messageInputDom })
</script>
<style scoped lang="scss">
@import '@/styles/scss/msg-input';
@use '@/styles/scss/msg-input';
</style>

View File

@ -212,5 +212,5 @@ onUnmounted(() => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/chat-header';
@use '@/styles/scss/chat-header';
</style>

View File

@ -594,5 +594,5 @@ onUnmounted(() => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/chat-main';
@use '@/styles/scss/chat-main';
</style>

View File

@ -139,5 +139,5 @@ onMounted(() => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/chat-sidebar';
@use '@/styles/scss/chat-sidebar';
</style>

View File

@ -58,7 +58,7 @@
justify="center"
align="center"
:size="8"
class="box bg-[--left-active-bg-color]">
class="box bg-[--button-bg-color]">
<!-- 在下载中进度条 -->
<n-flex
@click="handleState(plugin)"

View File

@ -1,4 +1,4 @@
@import "fonts";
@use "fonts";
* {
font-family: var(--font-family), sans-serif !important;
font-weight: 500 !important;
@ -46,6 +46,8 @@ html, body, svg {
--bg-left-menu: rgba(241, 241, 241, 1);
--bg-left-menu-hover: rgba(90, 90, 90, 0.1);
--bg-left-active: rgba(90, 90, 90, 0.2);
//通用按钮样式
--button-bg-color: #f1f1f1;
// 通用禁用时的样式
--disabled-color: #c1c1c1;
// 气泡背景颜色
@ -120,6 +122,8 @@ html[data-theme='dark'] {
--bg-left-menu: rgba(22, 22, 22, 1);
--bg-left-menu-hover: #3b3b3b;
--bg-left-active: #444444;
//通用按钮样式
--button-bg-color: #3f3f3f;
// 通用禁用时的样式
--disabled-color: #575757;
// 气泡背景颜色

View File

@ -169,7 +169,7 @@ onMounted(async () => {
})
</script>
<style scoped lang="scss">
@import '@/styles/scss/global/login-bg';
@use '@/styles/scss/global/login-bg';
.mac-close:hover {
svg {
display: block;

View File

@ -146,7 +146,7 @@ onMounted(async () => {
</script>
<style lang="scss" scoped>
@import '@/styles/scss/message';
@use '@/styles/scss/message';
#image-no-data {
@apply size-full mt-60px text-[--text-color] text-14px;
}

View File

@ -86,7 +86,7 @@ onMounted(async () => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/global/login-bg';
@use '@/styles/scss/global/login-bg';
:deep(.hover-box) {
@apply w-28px h24px flex-center hover:bg-#e7e7e7;
svg {

View File

@ -3,24 +3,74 @@
<div class="flex items-center justify-center gap-8px">
<svg class="size-18px"><use href="#SmilingFace"></use></svg>
<p class="text-(12px #777)">喜欢这款的产品 </p>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/nongyehong/HuLa-IM-Tauri"
class="text-(12px #13987f) no-underline">
GitHub 给添加星标
</a>
<n-popover v-model:show="isStar" style="padding: 0" trigger="click" placement="top">
<template #trigger>
<p class="text-(12px #13987f) cursor-pointer">GitHub 给添加星标</p>
</template>
<n-flex vertical class="w-360px h-fit">
<video class="w-full h-240px rounded-t-8px object-cover" src="@/assets/video/star.mp4" autoplay loop />
<n-flex vertical :size="10" class="p-14px">
<p class="text-(16px [--text-color] font-bold)"> GitHub 为我们点亮星标</p>
<p class="text-(12px [--chat-text-color]) leading-5">
如果您喜爱我们的产品并希望支持我们可以去 GitHub
给我们点一颗星吗这个小小的动作对我们来说意义重大能激励我们为您持续提供特性体验
</p>
<n-flex :size="20" class="ml-auto">
<div
@click="isStar = false"
class="border-(1px solid #999) cursor-pointer w-40px h-30px rounded-8px flex-center text-(12px [--text-color])">
稍后
</div>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/nongyehong/HuLa-IM-Tauri"
class="bg-#363636 cursor-pointer w-70px h-30px rounded-8px flex-center text-(12px #f1f1f1) no-underline">
点亮星标
</a>
</n-flex>
</n-flex>
</n-flex>
</n-popover>
<p class="text-(12px #777)"></p>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/nongyehong/HuLa-IM-Tauri/issues"
class="text-(12px #13987f) no-underline">
分享您宝贵的建议
</a>
<n-popover v-model:show="isIssue" style="padding: 0" trigger="click" placement="top-end">
<template #trigger>
<p class="text-(12px #13987f) cursor-pointer">分享您宝贵的建议</p>
</template>
<n-flex vertical class="w-360px h-fit">
<video class="w-full h-240px rounded-t-8px object-cover" src="@/assets/video/issue.mp4" autoplay loop />
<n-flex vertical :size="10" class="p-14px">
<p class="text-(16px [--text-color] font-bold)"> GitHub 分享您宝贵的反馈</p>
<p class="text-(12px [--chat-text-color]) leading-5">
您的每一个想法和建议对我们来说都弥足珍贵我们迫不及待地想知道您的看法欢迎联系我们提供产品功能和使用体验反馈
</p>
<n-flex :size="20" class="ml-auto">
<div
@click="isIssue = false"
class="border-(1px solid #999) cursor-pointer w-40px h-30px rounded-8px flex-center text-(12px [--text-color])">
稍后
</div>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/nongyehong/HuLa-IM-Tauri/issues"
class="bg-#363636 cursor-pointer w-70px h-30px rounded-8px flex-center text-(12px #f1f1f1) no-underline">
提出建议
</a>
</n-flex>
</n-flex>
</n-flex>
</n-popover>
</div>
</div>
</template>
<script setup lang="ts"></script>
<script setup lang="ts">
const isStar = ref(false)
const isIssue = ref(false)
</script>
<style scoped lang="scss"></style>

View File

@ -152,7 +152,7 @@ onMounted(() => {
})
</script>
<style scoped lang="scss">
@import '@/styles/scss/chat-main';
@use '@/styles/scss/chat-main';
.right-btn {
@apply size-fit border-(1px solid [--line-color]) cursor-pointer bg-[--chat-bt-color] color-[--chat-text-color] rounded-8px custom-shadow p-[10px_11px];
svg {

View File

@ -313,6 +313,6 @@ onUnmounted(() => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/global/login-bg';
@import '@/styles/scss/login';
@use '@/styles/scss/global/login-bg';
@use '@/styles/scss/login';
</style>

View File

@ -143,7 +143,7 @@ onMounted(() => {
</script>
<style scoped lang="scss">
@import '@/styles/scss/global/login-bg';
@use '@/styles/scss/global/login-bg';
:deep(.hover-box) {
@apply w-28px h24px flex-center hover:bg-#e7e7e7;
svg {

View File

@ -26,7 +26,7 @@ export default defineConfig(({ mode }: ConfigEnv) => {
css: {
preprocessorOptions: {
scss: {
additionalData: '@import "./src/styles/scss/global/variable.scss";' // 加载全局样式使用scss特性
additionalData: '@use "./src/styles/scss/global/variable.scss" as *;' // 加载全局样式使用scss特性
}
}
},