drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Circle dashboard stroke-linecap

Browse source
This commit is contained in:
梁灏 2019-09-04 16:05:52 +08:00
parent 25cba38b45
commit 2e03af9023
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/routers/circle.vue
View file

@ -11,6 +11,10 @@
<Icon type="ios-close" size="50" style="color:#ff5500"></Icon> <Icon type="ios-close" size="50" style="color:#ff5500"></Icon>
</span> </span>
</i-circle> </i-circle>
<Divider></Divider>
<i-circle :percent="80" dashboard stroke-linecap="square">
<span class="demo-circle-inner" style="font-size:24px">80%</span>
</i-circle>
</div> </div>
</template> </template>
<script> <script>

2
src/components/circle/circle.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div :style="circleSize" :class="wrapClasses"> <div :style="circleSize" :class="wrapClasses">
<svg viewBox="0 0 100 100"> <svg viewBox="0 0 100 100">
<path :d="pathString" :stroke="trailColor" :stroke-width="trailWidth" :fill-opacity="0" :style="trailStyle" /> <path :d="pathString" :stroke="trailColor" :stroke-width="trailWidth" :fill-opacity="0" :style="trailStyle" :stroke-linecap="strokeLinecap" />
<path :d="pathString" :stroke-linecap="strokeLinecap" :stroke="strokeColor" :stroke-width="computedStrokeWidth" fill-opacity="0" :style="pathStyle" /> <path :d="pathString" :stroke-linecap="strokeLinecap" :stroke="strokeColor" :stroke-width="computedStrokeWidth" fill-opacity="0" :style="pathStyle" />
</svg> </svg>
<div :class="innerClasses"> <div :class="innerClasses">