gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1384
阅读:1900回复:0

ElementUI中Progress进度条样式设置

楼主#
更多 发布于:2023-07-05 15:31




1、如何将文字与进度条排列在同一行


 <span class="span_box"> 图文:

   <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="70">

   </el-progress>

</span>


 <span class="span_box"> 音频:

    <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="100" status="success">

    </el-progress>

</span>


 <span class="span_box"> 视频:

   <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="80"  status="warning">

   </el-progress>

</span>


 <span class="span_box"> VR:  

   <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="50"  status="exception">

   </el-progress>

</span>  

.span_box{ display: flex; line-height: 48px; }



2、百分比设置

format(percentage) {
        return percentage === 100 ? '100' : `${percentage}`;
 }





https://blog.csdn.net/qq_34297387/article/details/118758522
游客


返回顶部