2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{C as n}from"./index.6ff5bdc4.js";import{a as d,o,h as r,F as p,aJ as f,j as m,z as l,n as e,k as a,B as x,t as i,i as s,b7 as g,q as _}from"./index.15bf95a0.js";import{T as v}from"./index.2fa6a24d.js";import{C as B}from"./index.7db67f63.js";import"./index.253e68b1.js";import"./index.4bba8946.js";import"./index.5cc5de85.js";import"./useRefs.5c9b400e.js";const C=[{title:"\u8BBF\u95EE\u6570",icon:"visit-count|svg",value:2e3,total:12e4,color:"green",action:"\u6708"},{title:"\u6210\u4EA4\u989D",icon:"total-sales|svg",value:2e4,total:5e5,color:"blue",action:"\u6708"},{title:"\u4E0B\u8F7D\u6570",icon:"download-count|svg",value:8e3,total:12e4,color:"orange",action:"\u5468"},{title:"\u6210\u4EA4\u6570",icon:"transaction|svg",value:5e3,total:5e4,color:"purple",action:"\u5E74"}],V={class:"md:flex"},w={class:"py-4 px-4 flex justify-between"},E={class:"p-2 px-4 flex justify-between"},A=d({__name:"GrowCard",props:{loading:{type:Boolean}},setup(c){return(h,y)=>(o(),r("div",V,[(o(!0),r(p,null,f(a(C),(t,u)=>(o(),m(a(B),{key:t.title,size:"small",loading:c.loading,title:t.title,class:_(["md:w-1/4 w-full !md:mt-0 !mt-4",[u+1<4&&"!md:mr-4"]]),canExpan:!1},{extra:l(()=>[e(a(v),{color:t.color},{default:l(()=>[x(i(t.action),1)]),_:2},1032,["color"])]),default:l(()=>[s("div",w,[e(a(n),{prefix:"$",startVal:1,endVal:t.value,class:"text-2xl"},null,8,["endVal"]),e(a(g),{icon:t.icon,size:40},null,8,["icon"])]),s("div",E,[s("span",null,"\u603B"+i(t.title),1),e(a(n),{prefix:"$",startVal:1,endVal:t.total},null,8,["endVal"])])]),_:2},1032,["loading","title","class"]))),128))]))}});export{A as default};
|