2 lines
868 B
JavaScript
2 lines
868 B
JavaScript
import{d as n,A as d,o as i,g as u,k as s,s as a,j as r,n as m,i as _}from"./runtime-dom.esm-bundler-896ebc12.js";import{_ as f}from"./_plugin-vue_export-helper-c27b6911.js";const x={class:"w-full px-2 flex flex-row"},b={class:"w-full h-5 flex flex-row justify-start rounded-lg border-2 border-blue-300 bg-white"},w={class:""},g=n({__name:"barshow",props:{name:String,value:Number,color:String,max:Number},setup(e){const o=e;let l="100%";return d(o,(t,c)=>{console.log("newValueGG",t),console.log("相应的值",o),l=(o.value/o.max*100).toString()+"%",console.log("currate",l)}),(t,c)=>(i(),u("div",x,[s("div",{class:"w-14 text-sm",style:r({color:e.color})},a(e.name),5),s("div",b,[s("div",{class:m(["flex items-center",e.color]),style:r({width:_(l),color:e.color})},[s("span",w,a(e.value),1)],6)])]))}});const p=f(g,[["__scopeId","data-v-e0bdbe6d"]]);export{p as B};
|