st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 2.4 kB
JavaScript
"use strict";const e=require("vue"),i=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),l={class:"st-info-card-2__img-box"},o=["src"],r={class:"st-info-card-2__title-content-container"},d={class:"st-info-card-2__title-content"},a={class:"st-info-card-2__title-box"},s={class:"st-info-card-1__content-box"},m={class:"st-info-card-1__content-box__content"},c=e.defineComponent({name:"StInfoCard2",__name:"StInfoCard2",props:{width:{default:"100%"},height:{default:"100%"},padding:{default:"1rem"},imgSrc:{default:""},imgWidth:{default:"100%"},imgHeight:{default:"100%"},imgSizeHover:{default:150},imgFillMode:{default:"cover"},imgPosition:{default:"center"},imgSpeed:{default:500},imgDelay:{default:0},title:{default:""},titleFontSize:{default:"1.25rem"},content:{default:""},contentSpeed:{default:500},contentDelay:{default:150}},setup(f){return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"st-info-card-2",style:e.normalizeStyle({"--padding":e.unref(i).elSizePreHandler(t.padding),"--img-width":e.unref(i).elSizePreHandler(t.imgWidth),"--img-height":e.unref(i).elSizePreHandler(t.imgHeight),"--img-size--hover":e.unref(i).elSizePreHandler(t.imgSizeHover),"--img-speed":e.unref(i).elSizePreHandler(t.imgSpeed,"ms"),"--img-delay":e.unref(i).elSizePreHandler(t.imgDelay,"ms"),"--content-speed":e.unref(i).elSizePreHandler(t.contentSpeed,"ms"),"--content-delay":e.unref(i).elSizePreHandler(t.contentDelay,"ms"),width:e.unref(i).elSizePreHandler(t.width),height:e.unref(i).elSizePreHandler(t.height)})},[n[0]||(n[0]=e.createElementVNode("div",{class:"st-info-card-2__img-placeholder"},null,-1)),e.createElementVNode("div",l,[e.renderSlot(t.$slots,"img",{},()=>[e.createElementVNode("img",{class:"st-info-card-2__img-box__img",style:e.normalizeStyle({objectFit:t.imgFillMode,objectPosition:t.imgPosition}),src:t.imgSrc,alt:""},null,12,o)],!0)]),e.createElementVNode("div",r,[e.createElementVNode("div",d,[e.createElementVNode("div",a,[e.renderSlot(t.$slots,"title",{},()=>[e.createElementVNode("div",{class:"st-info-card-2__title-box__title",style:e.normalizeStyle({fontSize:e.unref(i).elSizePreHandler(t.titleFontSize)})},e.toDisplayString(t.title),5)],!0)]),e.createElementVNode("div",s,[e.renderSlot(t.$slots,"content",{},()=>[e.createElementVNode("div",m,e.toDisplayString(t.content),1)],!0)])])])],4))}});module.exports=c;