|
...
|
...
|
@@ -8,7 +8,6 @@ |
|
|
|
:totalTime="totalTime"
|
|
|
|
:lineWidth="lineWidth"
|
|
|
|
></canvas>
|
|
|
|
<p>{{desc}}</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
...
|
...
|
@@ -21,7 +20,7 @@ |
|
|
|
* 在自己的页面做定时器，修改time，
|
|
|
|
*/
|
|
|
|
export default { // 环形倒计时
|
|
|
|
name: 'count-circle',
|
|
|
|
name: 'CountCircle',
|
|
|
|
props: {
|
|
|
|
time: {
|
|
|
|
type: Number,
|
|
...
|
...
|
@@ -35,10 +34,6 @@ export default { // 环形倒计时 |
|
|
|
type: Number,
|
|
|
|
default: 8
|
|
|
|
},
|
|
|
|
desc: {
|
|
|
|
type: String,
|
|
|
|
default: '正在支付中...'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
...
|
...
|
@@ -80,7 +75,6 @@ export default { // 环形倒计时 |
|
|
|
y: this.canvasHeight / 2,
|
|
|
|
radius: this.canvasWidth / 2
|
|
|
|
};
|
|
|
|
console.log(this.canvas, this.circle, this.time, this.totalTime);
|
|
|
|
},
|
|
|
|
drawCircle() {
|
|
|
|
if (this.canvas && this.context) {
|
...
|
...
|
|
