bidProgress 进度条

说明

1、该组件主要以进度条的形式来展现数据的进展、完成情况等。 2、此组件在小程序中为公共组件。

使用

<template>
  <view class="visualScheduleWrapper">
    <home-card :showHeader="false" :showHeaderRight="false" :cardStyle="filterColor()" class="cardHome">
				<view slot="header" class="titleUnit">
					<text style="color: #fff; font-size: 16px;">施工产值</text>
					<text class="unit">单位：亿元</text>
				</view>
				<view class="totalBlock">
					<view class="totalData" v-for="(item, index) in listTotal" :key="index">
						<view class="contentModule">
							<text class="calNum large_num">{{totalStatistics[item.model]}}</text>
							<view class="calName">{{item.name}}</view>
						</view>
					</view>
				</view>
			<bid-progress title="标段" :bidList="tendersData"/>
		</home-card>
	</view>
</template>

参数说明

属性

属性	描述	类型	可选值	默认值
bidList	传入组件的进度条信息	Array	——	[]
maxLength	组件默认展示的数量，超过部分将隐藏，点击下拉箭头可显示所有数据	Number	——	5
tipList	进度条标识的图例，对该进度状态的描述，例如'已完成'，'未完成'等	Array	——	[{label: '未完成',bagColor: 'rgba(70, 130, 255, 0.15)'},{label: '完成',bagColor: '#0060C7'}]
title	展示的标题，默认为标段	String	——	标段
showTip	是否展示标题	Boolean	——	true

工具源码及综合示例参考

组件源码 (opens new window) 综合实例 (opens new window)