st-common-ui-vue3
Version:
小尾巴通用 Vue3 UI 组件库
2 lines (1 loc) • 877 B
JavaScript
;const e=require("vue"),t=require("../../node_modules/.pnpm/st-common-ui-utils@0.1.1/node_modules/st-common-ui-utils/es/utils/el-size-util.js"),a=e.defineComponent({name:"StGradientBg1",__name:"StGradientBg1",props:{colors:{},size:{default:"500%"},speed:{default:2e4}},setup(l){const r=l,o=e.ref(r.colors),s=()=>{!r.colors||!Array.isArray(r.colors)||r.colors.length<2?o.value=["#2c3e50","#27ae60","#2980b9","#e74c3c","#8e44ad"]:o.value=r.colors};return e.onBeforeMount(()=>{s()}),e.watch(()=>r.colors,()=>s(),{deep:!0}),(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:"st-gradient-bg-1",style:e.normalizeStyle({background:`linear-gradient(135deg, ${o.value.join(",")})`,backgroundSize:e.unref(t).elSizePreHandler(n.size),animationDuration:e.unref(t).elSizePreHandler(n.speed,"ms")})},[e.renderSlot(n.$slots,"default",{},void 0,!0)],4))}});module.exports=a;