84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Vuetify コンポーネントを使用して v-img サムネイル効果を実現しようとしていますが、成功しません。私の画像設定は次のとおりです:
これらを行と列に水平に配置し、各 v-img に移動すると個別に暗くなり、白い実線の v ボタンが中央に表示されるように設定しようとしています。リンク/テキストも割り当てられます。ホバーコンポーネントには調光プロパティが欠けているように見えるので、最善のアプローチは何ですか。
これを直接得られるとは思いませんが、望む結果を得るためにこれ以上何もする必要はありません。
箱から出してすぐ...Hoverコンポーネントを使用してイベントをトリガーし、スロット (ブール値) 値を使用して CSS クラスを切り替えます。
Hover
＃＃＃＃＃＃スタイル＃＃＃＃＃＃ リーリー例:https://codepen.io/alexpetergill/pen/NWBadjV
https://vuetifyjs.com/en/components/hover/
https://vuetifyjs.com/en/api/v-hover/#slots
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これを直接得られるとは思いませんが、望む結果を得るためにこれ以上何もする必要はありません。
箱から出してすぐ...
＃＃＃＃＃＃テンプレート＃＃＃＃＃＃ リーリー ＃＃＃カスタマイズ... 次に、範囲スタイルをいくつか追加します。以下は単純な例ですが、好みに合わせてスタイルを設定できます。Hoverコンポーネントを使用してイベントをトリガーし、スロット (ブール値) 値を使用して CSS クラスを切り替えます。＃＃＃＃＃＃スタイル＃＃＃＃＃＃ リーリー例:https://codepen.io/alexpetergill/pen/NWBadjV
ドキュメント:https://vuetifyjs.com/en/components/hover/
API:https://vuetifyjs.com/en/api/v-hover/#slots