forked from opentiny/tiny-vue
docs(progress): Fix Test Sheet: Document Error (#1221)
This commit is contained in:
parent
fe6b94c031
commit
5fc75f2463
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为{{ !isSolid }}</tiny-button>
|
||||
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为 {{ !isSolid }}</tiny-button>
|
||||
<tiny-milestone :data="milestoneData" :milestones-status="statusMap" :solid="isSolid"></tiny-milestone>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为{{ !isSolid }}</tiny-button>
|
||||
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为 {{ !isSolid }}</tiny-button>
|
||||
<tiny-milestone :data="milestoneData" :milestones-status="statusMap" :solid="isSolid"></tiny-milestone>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage" status="exception"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-operationfaild-l class="tiny-progress-demo-status-icon"></icon-operationfaild-l>
|
||||
<tiny-icon-operationfaild-l class="tiny-progress-demo-status-icon"></tiny-icon-operationfaild-l>
|
||||
<div class="tiny-progress-demo-status-des">上传失败</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -40,7 +40,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage2" status="exception"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-operationfaild-l class="tiny-progress-demo-status-icon"></icon-operationfaild-l>
|
||||
<tiny-icon-operationfaild-l class="tiny-progress-demo-status-icon"></tiny-icon-operationfaild-l>
|
||||
<div class="tiny-progress-demo-status-des">
|
||||
安装失败,请<i class="tiny-progress-demo-status-des-again" @click="reload">重试</i>
|
||||
</div>
|
||||
|
@ -58,7 +58,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage3" status="success"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-successfull class="tiny-progress-demo-status-icon"></icon-successfull>
|
||||
<tiny-icon-successfull class="tiny-progress-demo-status-icon"></tiny-icon-successfull>
|
||||
<div class="tiny-progress-demo-status-des">安装成功</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -73,8 +73,8 @@ import { ref, onMounted } from 'vue'
|
|||
import { Progress as TinyProgress } from '@opentiny/vue'
|
||||
import { iconOperationfaildL, iconSuccessful } from '@opentiny/vue-icon'
|
||||
|
||||
const IconOperationfaildL = iconOperationfaildL()
|
||||
const IconSuccessfull = iconSuccessful()
|
||||
const TinyIconOperationfaildL = iconOperationfaildL()
|
||||
const TinyIconSuccessfull = iconSuccessful()
|
||||
|
||||
const percentage = ref(50)
|
||||
const percentage1 = ref(0)
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage" status="exception"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-operationfaild-l class="tiny-progress-demo-status-icon"></icon-operationfaild-l>
|
||||
<tiny-icon-operationfaild-l class="tiny-progress-demo-status-icon"></tiny-icon-operationfaild-l>
|
||||
<div class="tiny-progress-demo-status-des">上传失败</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -40,7 +40,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage2" status="exception"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-operationfaild-l class="tiny-progress-demo-status-icon"></icon-operationfaild-l>
|
||||
<tiny-icon-operationfaild-l class="tiny-progress-demo-status-icon"></tiny-icon-operationfaild-l>
|
||||
<div class="tiny-progress-demo-status-des">
|
||||
安装失败,请<i class="tiny-progress-demo-status-des-again" @click="reload">重试</i>
|
||||
</div>
|
||||
|
@ -58,7 +58,7 @@
|
|||
</div>
|
||||
<tiny-progress class="progress" type="line" :percentage="percentage3" status="success"></tiny-progress>
|
||||
<div class="tiny-progress-demo-status">
|
||||
<icon-successfull class="tiny-progress-demo-status-icon"></icon-successfull>
|
||||
<tiny-icon-successfull class="tiny-progress-demo-status-icon"></tiny-icon-successfull>
|
||||
<div class="tiny-progress-demo-status-des">安装成功</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -75,8 +75,8 @@ import { iconOperationfaildL, iconSuccessful } from '@opentiny/vue-icon'
|
|||
export default {
|
||||
components: {
|
||||
TinyProgress: Progress,
|
||||
IconOperationfaildL: iconOperationfaildL(),
|
||||
IconSuccessfull: iconSuccessful()
|
||||
TinyIconOperationfaildL: iconOperationfaildL(),
|
||||
TinyIconSuccessfull: iconSuccessful()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
Loading…
Reference in New Issue