admin管理员组

文章数量:1636810

// 安装
npm install @jiaminghi/data-view@2.10.0
// 挂载 （main.js）
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)
// 使用
<div class="wrapper" v-for="(item, i) in dataList" :key="i">
        <div class="p" :title="item.name">{
   {
    item.name }}</div>
        <div class="img">
          <dv-percent-pond :config="item" style="width:90px;height:20px;" />
        </div>
        <div class="number">{
   {
    item.value }}%</div>
      </div>
// 样式
  .content {
   
    height: 220px;
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .wrapper {
   
      display: flex;
      height: 24px;
      align-items: center;
      width: 48%;
      margin: 4px 0;
      .p {
   
        width: 80px;
        text-align: left;
        margin-right: 5px;
        font-size: 14px;
        color

本文标签： 插件进度条vue

版权声明：本文标题：vue进度条插件和手写 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729231776a1191531.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。