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

Progress add new prop: text-inside

Browse source 
Progress add new prop: text-inside
This commit is contained in:
mo.duan 2019-09-06 15:16:25 +08:00
parent 574a325c45
commit 61a07db243
3 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/progress/progress.vue
View file

@ -2,7 +2,7 @@
<div :class="wrapClasses">
<div :class="outerClasses">
<div :class="innerClasses">
<div :class="bgClasses" :style="bgStyle"></div><div :class="successBgClasses" :style="successBgStyle"></div>
<div :class="bgClasses" :style="bgStyle"><div class="ivu-progress-inner-text" v-if="textInside">{{ percent }}%</div></div><div :class="successBgClasses" :style="successBgStyle"></div>
</div>
</div>
<span v-if="!hideInfo" :class="textClasses">
@ -55,6 +55,10 @@
},
strokeColor: {
type: String
},
textInside: {
type: Boolean,
default: false
}
},
data () {
@ -108,7 +112,7 @@
`${prefixCls}`,
`${prefixCls}-${this.currentStatus}`,
{
[`${prefixCls}-show-info`]: !this.hideInfo,
[`${prefixCls}-show-info`]: !this.hideInfo && !this.textInside,
[`${prefixCls}-vertical`]: this.vertical
}