GrowCard.427f9fee.js 1.8 KB

1
  1. import{C as n}from"./index.8dbe002a.js";import{a as p,o as a,h as i,F as d,b2 as m,j as f,z as l,n as e,i as o,B as _,t as c,m as s,a_ as g,q as v}from"./index.7e08ba81.js";import{T as x}from"./index.673e5955.js";import{C as B}from"./index.5601a923.js";import"./index.ff33b1ce.js";/* empty css */import"./index.d1ddbe38.js";import"./index.62601954.js";import"./TabPane.3218c919.js";import"./index.51fe0c69.js";import"./Col.dccd6464.js";import"./useFlexGapSupport.ba88ba25.js";import"./useRefs.9e0a4abb.js";import"./PlusOutlined.29a85b0a.js";import"./Meta.5e9e5d93.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 items-center"},E={class:"p-2 px-4 flex justify-between"},H=p({__name:"GrowCard",props:{loading:{type:Boolean}},setup(u){return(h,y)=>(a(),i("div",V,[(a(!0),i(d,null,m(o(C),(t,r)=>(a(),f(o(B),{key:t.title,size:"small",loading:u.loading,title:t.title,class:v(["md:w-1/4 w-full !md:mt-0",{"!md:mr-4":r+1<4,"!mt-4":r>0}])},{extra:l(()=>[e(o(x),{color:t.color},{default:l(()=>[_(c(t.action),1)]),_:2},1032,["color"])]),default:l(()=>[s("div",w,[e(o(n),{prefix:"$",startVal:1,endVal:t.value,class:"text-2xl"},null,8,["endVal"]),e(o(g),{icon:t.icon,size:40},null,8,["icon"])]),s("div",E,[s("span",null,"\u603B"+c(t.title),1),e(o(n),{prefix:"$",startVal:1,endVal:t.total},null,8,["endVal"])])]),_:2},1032,["loading","title","class"]))),128))]))}});export{H as default};