{{ countDown }}
s
name:"CircleLoad",
data(){return{
endCircum:0,
countDown:this.originCountDown,
}
},
computed: {
cx() {//中心点位置
return this.size/ 2},
r() {//半径
return this.size/ 2 - this.width
},
circum() {returnparseInt(this.r*Math.PI* 2)
}
},
props: {
fontSize: {
type: Number,default:26},
size: {
type: Number,default:100},
width: {
type: Number,default:5},
backgroundColor: {
type: String,default:‘#f0f0f0‘},
color: {
type: String,default:‘#448732‘},
fontColor:{
type: String,default:‘#333‘},
originCountDown:{
type: Number,default:15}
},
mounted(){this.interval=setInterval(()=>{
let diff= ‘1‘;this.countDown-=diff;if(this.countDown<= 0) {
clearInterval(this.interval)
}
},1000)
}
}
.ring-container{.ring {
transform:rotate(-90deg);transform-origin:50% 50%;
}}