feat: #319 PicGO图形化配置界面-优化插件展示

terwer · Feb 20, 2023 · c050861 · c050861
1 parent 4e3611b
commit c050861
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 11 deletions.
diff --git a/components/picgo/setting/PicgoPluginSetting.vue b/components/picgo/setting/PicgoPluginSetting.vue
@@ -103,21 +103,27 @@
                     {{ item.author }}
                   </span>
                   <span class="plugin-item__config">
-                    <span class="config-button work" v-if="checkWork(item)">
-                      {{ $t("setting.picgo.plugin.work") }}
-                    </span>
-                    <span class="config-button nowork" v-else>
-                      {{ $t("setting.picgo.plugin.nowork") }}
-                    </span>
                     <template v-if="searchText">
+                      <span class="config-button work" v-if="checkWork(item)">
+                        {{ $t("setting.picgo.plugin.work") }}
+                      </span>
+                      <span class="config-button nowork" v-else>
+                        {{ $t("setting.picgo.plugin.nowork") }}
+                      </span>
                       <template v-if="!item.hasInstall">
                         <span
-                          v-if="!item.ing"
+                          v-if="!item.ing && checkWork(item)"
                           class="config-button install"
                           @click="installPlugin(item)"
                         >
                           {{ $t("setting.picgo.plugin.install") }}
                         </span>
+                        <span
+                          v-else-if="!item.ing && !checkWork(item)"
+                          class="config-button ing"
+                        >
+                          {{ $t("setting.picgo.plugin.nouse") }}
+                        </span>
                         <span v-else-if="item.ing" class="config-button ing">
                           {{ $t("setting.picgo.plugin.installing") }}
                         </span>
@@ -710,12 +716,14 @@ $darwinBg = #172426
         right 0
 
       &.work
-        background: #3c8833;
-        margin-right: 20px;
+        background: #3c8833
+        margin-right: 32px
+        cursor: default
 
       &.nowork
-        background: #843333;
+        background: #843333
         margin-right: 20px;
+        cursor: default
 
         &:hover
           background: #1B9EF3

diff --git a/locales/en_US.ts b/locales/en_US.ts
@@ -489,4 +489,5 @@ export default {
   "setting.picgo.plugin.config.setting": "Plugin setting",
   "setting.picgo.plugin.work": "Work",
   "setting.picgo.plugin.nowork": "Nowork",
+  "setting.picgo.plugin.nouse": "Nouse",
 }
diff --git a/locales/zh_CN.ts b/locales/zh_CN.ts
@@ -485,6 +485,7 @@ export default {
   "setting.picgo.plugin.disable": "禁用插件",
   "setting.picgo.plugin.update": "更新插件",
   "setting.picgo.plugin.config.setting": "插件设置",
-  "setting.picgo.plugin.work": "兼容",
+  "setting.picgo.plugin.work": "已兼容",
   "setting.picgo.plugin.nowork": "不兼容",
+  "setting.picgo.plugin.nouse": "不可用",
 }