perf: move wechat account entrance to ribbon
This commit is contained in:
parent
2e7f832754
commit
aab2531d40
|
@ -0,0 +1,35 @@
|
||||||
|
<script setup>
|
||||||
|
const props = defineProps({
|
||||||
|
strokeWidth: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 3,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path
|
||||||
|
:stroke-width="props.strokeWidth"
|
||||||
|
d="M20 6H6V20H20V6Z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linejoin="round" />
|
||||||
|
<path
|
||||||
|
:stroke-width="props.strokeWidth"
|
||||||
|
d="M20 28H6V42H20V28Z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linejoin="round" />
|
||||||
|
<path
|
||||||
|
:stroke-width="props.strokeWidth"
|
||||||
|
d="M42 6H28V20H42V6Z"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linejoin="round" />
|
||||||
|
<path :stroke-width="props.strokeWidth" d="M29 28V42" stroke="currentColor" stroke-linecap="round" />
|
||||||
|
<path :stroke-width="props.strokeWidth" d="M41 28V42" stroke="currentColor" stroke-linecap="round" />
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
|
@ -15,6 +15,7 @@ import { extraTheme } from '@/utils/extra_theme.js'
|
||||||
import useBrowserStore from 'stores/browser.js'
|
import useBrowserStore from 'stores/browser.js'
|
||||||
import { useRender } from '@/utils/render.js'
|
import { useRender } from '@/utils/render.js'
|
||||||
import wechatUrl from '@/assets/images/wechat_official.png'
|
import wechatUrl from '@/assets/images/wechat_official.png'
|
||||||
|
import QRCode from '@/components/icons/QRCode.vue'
|
||||||
|
|
||||||
const themeVars = useThemeVars()
|
const themeVars = useThemeVars()
|
||||||
const render = useRender()
|
const render = useRender()
|
||||||
|
@ -82,10 +83,6 @@ const preferencesOptions = computed(() => {
|
||||||
type: 'divider',
|
type: 'divider',
|
||||||
key: 'd1',
|
key: 'd1',
|
||||||
},
|
},
|
||||||
{
|
|
||||||
label: 'menu.wechat_official',
|
|
||||||
key: 'wechat_official',
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: 'menu.about',
|
label: 'menu.about',
|
||||||
key: 'about',
|
key: 'about',
|
||||||
|
@ -106,9 +103,6 @@ const onSelectPreferenceMenu = (key) => {
|
||||||
case 'report':
|
case 'report':
|
||||||
BrowserOpenURL('https://github.com/tiny-craft/tiny-rdm/issues')
|
BrowserOpenURL('https://github.com/tiny-craft/tiny-rdm/issues')
|
||||||
break
|
break
|
||||||
case 'wechat_official':
|
|
||||||
showWechat.value = true
|
|
||||||
break
|
|
||||||
case 'about':
|
case 'about':
|
||||||
dialogStore.openAboutDialog()
|
dialogStore.openAboutDialog()
|
||||||
break
|
break
|
||||||
|
@ -158,6 +152,13 @@ const exThemeVars = computed(() => {
|
||||||
@select="onSelectPreferenceMenu">
|
@select="onSelectPreferenceMenu">
|
||||||
<icon-button :icon="Config" :size="iconSize" :stroke-width="3" class="nav-menu-button" />
|
<icon-button :icon="Config" :size="iconSize" :stroke-width="3" class="nav-menu-button" />
|
||||||
</n-dropdown>
|
</n-dropdown>
|
||||||
|
<icon-button
|
||||||
|
v-if="prefStore.currentLanguage === 'zh'"
|
||||||
|
:icon="QRCode"
|
||||||
|
:size="iconSize"
|
||||||
|
:tooltip="$t('ribbon.wechat_official')"
|
||||||
|
class="nav-menu-button"
|
||||||
|
@click="showWechat = true" />
|
||||||
<icon-button
|
<icon-button
|
||||||
:icon="Github"
|
:icon="Github"
|
||||||
:size="iconSize"
|
:size="iconSize"
|
||||||
|
@ -246,7 +247,7 @@ const exThemeVars = computed(() => {
|
||||||
|
|
||||||
.nav-menu-item {
|
.nav-menu-item {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10px 0;
|
padding: 10px 0 15px;
|
||||||
gap: 18px;
|
gap: 18px;
|
||||||
--wails-draggable: none;
|
--wails-draggable: none;
|
||||||
|
|
||||||
|
|
|
@ -143,6 +143,7 @@
|
||||||
"server": "Server",
|
"server": "Server",
|
||||||
"browser": "Data Browser",
|
"browser": "Data Browser",
|
||||||
"log": "Log",
|
"log": "Log",
|
||||||
|
"wechat_official": "Wechat Official Account",
|
||||||
"github": "Github"
|
"github": "Github"
|
||||||
},
|
},
|
||||||
"dialogue": {
|
"dialogue": {
|
||||||
|
@ -339,7 +340,6 @@
|
||||||
"help": "Help",
|
"help": "Help",
|
||||||
"check_update": "Check for Updates...",
|
"check_update": "Check for Updates...",
|
||||||
"report_bug": "Report a Bug",
|
"report_bug": "Report a Bug",
|
||||||
"wechat_official": "Wechat Official Account",
|
|
||||||
"about": "About"
|
"about": "About"
|
||||||
},
|
},
|
||||||
"log": {
|
"log": {
|
||||||
|
|
|
@ -143,6 +143,7 @@
|
||||||
"server": "服务器",
|
"server": "服务器",
|
||||||
"browser": "数据浏览",
|
"browser": "数据浏览",
|
||||||
"log": "日志",
|
"log": "日志",
|
||||||
|
"wechat_official": "微信公众号",
|
||||||
"github": "Github"
|
"github": "Github"
|
||||||
},
|
},
|
||||||
"dialogue": {
|
"dialogue": {
|
||||||
|
@ -339,7 +340,6 @@
|
||||||
"help": "帮助",
|
"help": "帮助",
|
||||||
"check_update": "检查更新...",
|
"check_update": "检查更新...",
|
||||||
"report_bug": "报告错误",
|
"report_bug": "报告错误",
|
||||||
"wechat_official": "微信公众号",
|
|
||||||
"about": "关于"
|
"about": "关于"
|
||||||
},
|
},
|
||||||
"log": {
|
"log": {
|
||||||
|
|
Loading…
Reference in New Issue