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/NWBadjVp >
문서:https://vuetifyjs.com/en/comComponents/hover/
API:https://vuetifyjs.com/en/api/v-hover/#slots
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
직접적으로 얻을 수는 없을 것 같지만, 원하는 결과를 얻기 위해 더 이상 아무것도 할 필요가 없을 것입니다.
상자에서 꺼내 바로 사용 가능...
Hover구성요소를 사용하여 이벤트를 트리거하고 슬롯(부울) 값을 사용하여 CSS 클래스를 전환합니다.템플릿
으아악사용자 정의... 그런 다음 일부 범위 스타일을 추가합니다. 다음은 간단한 예일 뿐이지만 원하는 대로 스타일을 지정할 수 있습니다.
스타일
으아악예:https://codepen.io/alexpetergill/pen/NWBadjVp >
문서:https://vuetifyjs.com/en/comComponents/hover/
API:https://vuetifyjs.com/en/api/v-hover/#slots