Progress add new prop: text-inside

This commit is contained in:
梁灏 2019-09-04 15:39:22 +08:00
parent ed83b3c088
commit d87a8854b1
3 changed files with 25 additions and 3 deletions

View file

@ -2,10 +2,10 @@
<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">
<span v-if="!hideInfo && !textInside" :class="textClasses">
<slot>
<span v-if="isStatus" :class="textInnerClasses">
<Icon :type="statusIcon"></Icon>
@ -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
}