2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{C as n}from"./index.009ba658.js";import{d,o as l,f as r,F as p,S as f,i as x,s as o,m as a,j as e,x as g,t as c,h as s,aj as m,n as _}from"./index.600742c0.js";import{Tag as v,Card as B}from"ant-design-vue";const V=[{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"}],w={class:"md:flex"},C={class:"py-4 px-4 flex justify-between"},E={class:"p-2 px-4 flex justify-between"},b=d({__name:"GrowCard",props:{loading:{type:Boolean}},setup(i){return(h,y)=>(l(),r("div",w,[(l(!0),r(p,null,f(e(V),(t,u)=>(l(),x(e(B),{key:t.title,size:"small",loading:i.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:o(()=>[a(e(v),{color:t.color},{default:o(()=>[g(c(t.action),1)]),_:2},1032,["color"])]),default:o(()=>[s("div",C,[a(e(n),{prefix:"$",startVal:1,endVal:t.value,class:"text-2xl"},null,8,["endVal"]),a(e(m),{icon:t.icon,size:40},null,8,["icon"])]),s("div",E,[s("span",null,"\u603B"+c(t.title),1),a(e(n),{prefix:"$",startVal:1,endVal:t.total},null,8,["endVal"])])]),_:2},1032,["loading","title","class"]))),128))]))}});export{b as default};
|