2019-08-27 09:42:40 +08:00
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<i-circle :percent="80">
|
|
|
|
|
<span class="demo-i-circle-inner" style="font-size:24px">80%</span>
|
|
|
|
|
</i-circle>
|
|
|
|
|
<i-circle :percent="100" stroke-color="#5cb85c">
|
|
|
|
|
<Icon type="ios-checkmark" size="60" style="color:#5cb85c"></Icon>
|
|
|
|
|
</i-circle>
|
|
|
|
|
<i-circle :percent="35" stroke-color="#ff5500">
|
|
|
|
|
<span class="demo-i-circle-inner">
|
|
|
|
|
<Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
|
|
|
|
|
</span>
|
|
|
|
|
</i-circle>
|
2019-09-04 16:05:52 +08:00
|
|
|
<Divider></Divider>
|
|
|
|
|
<i-circle :percent="80" dashboard stroke-linecap="square">
|
|
|
|
|
<span class="demo-circle-inner" style="font-size:24px">80%</span>
|
|
|
|
|
</i-circle>
|
2019-09-04 18:15:20 +08:00
|
|
|
<Divider></Divider>
|
|
|
|
|
<i-circle :percent="80" dashboard stroke-linecap="square" :stroke-color="['#108ee9', '#87d068']">
|
|
|
|
|
<span class="demo-circle-inner" style="font-size:24px">80%</span>
|
|
|
|
|
</i-circle>
|
2019-08-27 09:42:40 +08:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
