禁用时图标灰色

This commit is contained in:
fofolee 2024-12-18 13:14:31 +08:00
parent aa6217021f
commit f8e8239db7

View File

@ -121,7 +121,11 @@
<q-avatar <q-avatar
square square
size="48px" size="48px"
:class="{ featureIco: 1, featureIcoHover: isWarpperHover }" :class="{
featureIco: 1,
featureIcoHover: isWarpperHover,
'feature-disabled': !isCommandActivated
}"
> >
<img :src="commandInfo.features.icon" /> <img :src="commandInfo.features.icon" />
</q-avatar> </q-avatar>
@ -490,4 +494,9 @@ export default {
transform: translateY(0); transform: translateY(0);
visibility: visible; visibility: visible;
} }
.feature-disabled {
opacity: 0.5;
filter: grayscale(100%);
}
</style> </style>