itemicon supports hidden status

mayswind · Jul 8, 2023 · d013f67 · d013f67
1 parent dc7c0e6
commit d013f67
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/src/components/desktop/ItemIcon.vue b/src/components/desktop/ItemIcon.vue
@@ -1,22 +1,41 @@
 <template>
-    <i class="item-icon" :class="icon" :style="style">
+    <i class="item-icon" :class="icon" :style="style" v-if="!hiddenStatus">
         <slot></slot>
     </i>
+    <v-badge class="right-bottom-icon" color="secondary"
+             location="bottom right" offset-y="2" :icon="icons.hide"
+             v-if="hiddenStatus">
+        <i class="item-icon" :class="icon" :style="style">
+            <slot></slot>
+        </i>
+    </v-badge>
 </template>
 
 <script>
 import iconConstatns from '@/consts/icon.js';
 import colorConstatns from '@/consts/color.js';
 import { isNumber } from '@/lib/common.js';
 
+import {
+    mdiEyeOffOutline
+} from '@mdi/js';
+
 export default {
     props: [
         'iconType',
         'iconId',
         'color',
         'defaultColor',
-        'additionalColorAttr'
+        'additionalColorAttr',
+        'hiddenStatus'
     ],
+    data() {
+        return {
+            icons: {
+                hide: mdiEyeOffOutline
+            }
+        }
+    },
     computed: {
         icon() {
             if (this.iconType === 'account') {