mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-08 14:34:13 +08:00
89 lines
2.0 KiB
Vue
89 lines
2.0 KiB
Vue
<template>
|
|
<q-card>
|
|
<q-card-section class="q-gutter-md flex items-center">
|
|
<q-avatar square size="48px">
|
|
<img src="logo/quickcommand.png" />
|
|
</q-avatar>
|
|
<span class="text-h5"
|
|
>{{ pluginInfo.pluginName }} v{{ pluginInfo.version }}</span
|
|
>
|
|
</q-card-section>
|
|
<q-card-section> {{ pluginInfo.description }} </q-card-section>
|
|
<q-card-section>
|
|
<div v-for="group in Object.keys(links)" :key="group" class="q-gutter-sm">
|
|
<q-btn
|
|
flat
|
|
color="primary"
|
|
v-for="item in links[group]"
|
|
:key="item"
|
|
@click="visit(item.url)"
|
|
:label="item.name"
|
|
><q-tooltip>{{ item.desc }} </q-tooltip></q-btn
|
|
>
|
|
<br />
|
|
</div>
|
|
</q-card-section>
|
|
<q-card-actions align="right">
|
|
<q-btn flat label="确定" color="primary" v-close-popup />
|
|
</q-card-actions>
|
|
</q-card>
|
|
</template>
|
|
|
|
<script>
|
|
const links = {
|
|
plugin: [
|
|
{
|
|
name: "帮助",
|
|
url: "",
|
|
desc: "查看插件使用帮助",
|
|
},
|
|
{
|
|
name: "源码",
|
|
url: "https://github.com/fofolee/uTools-quickcommand",
|
|
desc: "本插件完全开源，记得 Star 哟",
|
|
},
|
|
{
|
|
name: "论坛",
|
|
url: "https://yuanliao.info/d/424-242-242",
|
|
desc: "到猿料论坛参与讨论吧",
|
|
},
|
|
],
|
|
tech: [
|
|
{
|
|
name: "Vue.js",
|
|
url: "https://v3.cn.vuejs.org/",
|
|
desc: "基于 Vue.js 开发",
|
|
},
|
|
{
|
|
name: "Quasar Framework",
|
|
url: "https://quasar.dev/",
|
|
desc: "基于 Quasar Framework 开发",
|
|
},
|
|
{
|
|
name: "Google Fonts",
|
|
url: "https://fonts.google.com/",
|
|
desc: "文字图标来自 Google Fonts",
|
|
},
|
|
{
|
|
name: "Icon8s",
|
|
url: "https://icons8.com/",
|
|
desc: "彩色图标来自 Icon8s",
|
|
},
|
|
],
|
|
};
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
pluginInfo: window.pluginInfo(),
|
|
links: links,
|
|
};
|
|
},
|
|
methods: {
|
|
visit(url) {
|
|
utools.shellOpenExternal(url);
|
|
},
|
|
},
|
|
};
|
|
</script>
|