2 lines
1.0 KiB
JavaScript
2 lines
1.0 KiB
JavaScript
import{d as c,b as i,B as d,y as f,o as u,g as m,k as s,s as n,n as _,j as x,i as p}from"./runtime-core.esm-bundler-381a9959.js";import{_ as w}from"./_plugin-vue_export-helper-c27b6911.js";const g={class:"w-8 text-xs",style:{color:"#ffffff"}},h={class:"w-10 h-4 flex flex-row justify-start rounded-md border-2 border-blue-300 bg-white"},b={class:""},v=c({__name:"barshow",props:{name:String,value:Number,color:String,max:Number},setup(e){const o=e;let a="100%",l=i();return d(()=>{const t=parseFloat(getComputedStyle(document.documentElement).fontSize);l.value.style.paddingBottom=(window.innerHeight*.7-t*22)/16+"px"}),f(o,(t,r)=>{console.log("newValueGG",t),console.log("相应的值",o),a=(o.value/o.max*100).toString()+"%",console.log("currate",a)}),(t,r)=>(u(),m("div",{class:"w-full px-2 flex flex-row pt-0",ref_key:"pt",ref:l},[s("div",g,n(e.name),1),s("div",h,[s("div",{class:_(["flex items-center text-xs",e.color]),style:x({width:p(a),color:e.color})},[s("span",b,n(e.value),1)],6)])],512))}});const B=w(v,[["__scopeId","data-v-626b36ef"]]);export{B};
|