Небольшие поправки
This commit is contained in:
@@ -1,11 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-show="visible" class="main">
|
<div v-show="visible" class="main">
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<!--el-progress type="circle" :width="100" :stroke-width="6" color="#0F9900" :percentage="percentage"></el-progress-->
|
|
||||||
<q-circular-progress
|
<q-circular-progress
|
||||||
show-value
|
show-value
|
||||||
instant-feedback
|
instant-feedback
|
||||||
font-size="14px"
|
font-size="13px"
|
||||||
:value="percentage"
|
:value="percentage"
|
||||||
size="100px"
|
size="100px"
|
||||||
:thickness="0.1"
|
:thickness="0.1"
|
||||||
@@ -13,7 +12,7 @@
|
|||||||
track-color="grey-4"
|
track-color="grey-4"
|
||||||
class="q-ma-md"
|
class="q-ma-md"
|
||||||
>
|
>
|
||||||
{{ percentage }}%
|
<span class="text-yellow">{{ percentage }}%</span>
|
||||||
</q-circular-progress>
|
</q-circular-progress>
|
||||||
|
|
||||||
<p class="text">{{ text }}</p>
|
<p class="text">{{ text }}</p>
|
||||||
@@ -71,9 +70,6 @@ class ProgressPage extends Vue {
|
|||||||
}
|
}
|
||||||
|
|
||||||
get percentage() {
|
get percentage() {
|
||||||
let circle = document.querySelector('path[class="el-progress-circle__path"]');
|
|
||||||
if (circle)
|
|
||||||
circle.style.transition = '';
|
|
||||||
return Math.round(((this.step - 1)/this.totalSteps + this.progress/(100*this.totalSteps))*100);
|
return Math.round(((this.step - 1)/this.totalSteps + this.progress/(100*this.totalSteps))*100);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user