TOPVERSE_Official/.output/public/_nuxt/ImageHover.2658118f.js

2 lines
1.1 KiB
JavaScript
Raw Normal View History

2023-05-30 00:33:57 +08:00
import{_ as s}from"./nuxt-link.16f31b31.js";import{a,o as r,c as i,G as c,f as o,t as n,a6 as f,a7 as p}from"./entry.c3abd651.js";/* empty css */import{_ as h}from"./_plugin-vue_export-helper.c27b6911.js";const u=t=>(f("data-v-75ff40f7"),t=t(),p(),t),_=["src"],d={class:"mask-img h-50px bg-dark-700/70 transition-all group-hover:h-full"},m={class:"text-h6 flex-grow"},g=["title"],v=u(()=>o("div",{"i-solar-arrow-right-linear":"","mx-2":"","stroke-3":"","font-bold":"","text-white":""},null,-1)),w=a({__name:"ImageHover",props:{img:null,topic:null,href:null},setup(t){return(e,x)=>{const l=s;return r(),i(l,{href:t.href,class:"group relative h-full w-full overflow-hidden rounded-lg bg-primary bg-opacity-35 shadow-lg"},{default:c(()=>[o("img",{src:t.img,class:"h-full w-full",style:{"object-fit":"cover"}},null,8,_),o("div",d,[o("div",m,[o("p",{title:e.$t(t.topic),class:"line-clamp-1 w-full text-white group-hover:line-clamp-3 group-hover:h-full"},n(e.$t(t.topic)),9,g)]),v])]),_:1},8,["href"])}}}),S=h(w,[["__scopeId","data-v-75ff40f7"]]);export{S as default};