v-img에 오버레이를 추가하고 마우스를 올리면 가운데 버튼을 추가합니다.
<p>Vuetify 구성요소를 사용하여 일부 v-img 썸네일 효과를 얻으려고 하는데 성공하지 못했습니다. 내 이미지 설정은 다음과 같습니다. </p>
<pre class="brush:php;toolbar:false;"><v-row class="fill-height pa-5"
정렬 콘텐츠 = "가운데"
justify="중앙">
<v-col class="text-subtitle-1 text-center"
cols="12";
sm="3">
<v-카드>
<v-img :src="item.docs.doc1"
종횡비=".77"></v-img>
</v-카드>
</v-col>
<v-col class="text-subtitle-1 text-center"
cols="12";
sm="3">
<v-카드>
<v-img :src="item.docs.doc2"
종횡비=".77"></v-img>
</v-카드>
</v-col>
<v-col class="text-subtitle-1 text-center"
cols="12";
sm="3">
<v-카드>
<v-img :src="item.docs.doc3"
종횡비=".77"></v-img>
</v-카드>
</v-col>
<v-col class="text-subtitle-1 text-center"
cols="12";
sm="3">
<v-카드>
<v-img :src="item.docs.doc4"
종횡비=".77"></v-img>
</v-카드>
</v-col>
<p>이것을 행과 열로 가로로 배열했으며 각 v-img를 검토할 때 개별적으로 어두워지고 중앙에 흰색 단색 v 버튼이 나타나도록 설정하려고 합니다. 링크/텍스트도 할당됩니다. 호버 구성 요소에는 밝기 조절 속성이 부족한 것 같으므로 최선의 접근 방식은 무엇입니까? </p>
