(chore)format code.
This commit is contained in:
parent
d5a936c779
commit
b3631c7965
|
@ -112,21 +112,27 @@ export class StarClock extends LitElement {
|
|||
}
|
||||
}
|
||||
protected dateUpdated(date: any) {
|
||||
let myDate = date.split(':') //将字符串拆分为数组
|
||||
let secondTime = Number(myDate[2] || 0) //获取秒针时间
|
||||
let minuteTime = Number(myDate[1] || 0) + secondTime / 60 //获取分针时间
|
||||
let hourTime = Number(myDate[0] || 0) + minuteTime / 60 //获取时针时间
|
||||
hourTime >= 12 ? (hourTime -= 12) : '' //24小时转换为12小时
|
||||
this.rotateSecond = (secondTime / 60) * 360 //秒针旋转角度
|
||||
this.rotateMinute = (minuteTime / 60) * 360 //分针旋转角度
|
||||
this.rotateHour = (hourTime / 12) * 360 //时针旋转角度
|
||||
let myDate = date.split(':') //将字符串拆分为数组
|
||||
let secondTime = Number(myDate[2] || 0) //获取秒针时间
|
||||
let minuteTime = Number(myDate[1] || 0) + secondTime / 60 //获取分针时间
|
||||
let hourTime = Number(myDate[0] || 0) + minuteTime / 60 //获取时针时间
|
||||
hourTime >= 12 ? (hourTime -= 12) : '' //24小时转换为12小时
|
||||
this.rotateSecond = (secondTime / 60) * 360 //秒针旋转角度
|
||||
this.rotateMinute = (minuteTime / 60) * 360 //分针旋转角度
|
||||
this.rotateHour = (hourTime / 12) * 360 //时针旋转角度
|
||||
}
|
||||
protected firstUpdated() {
|
||||
this.style.setProperty('--rotateSecond', this.rotateSecond + 'deg')
|
||||
this.style.setProperty('--rotateMinute', this.rotateMinute + 'deg')
|
||||
this.style.setProperty('--rotateHour', this.rotateHour + 'deg')
|
||||
this.style.setProperty('--rotateSecondAfter',this.rotateSecond + 360 + 'deg')
|
||||
this.style.setProperty('--rotateMinuteAfter',this.rotateMinute + 360 + 'deg')
|
||||
this.style.setProperty(
|
||||
'--rotateSecondAfter',
|
||||
this.rotateSecond + 360 + 'deg'
|
||||
)
|
||||
this.style.setProperty(
|
||||
'--rotateMinuteAfter',
|
||||
this.rotateMinute + 360 + 'deg'
|
||||
)
|
||||
this.style.setProperty('--rotateHourAfter', this.rotateHour + 360 + 'deg')
|
||||
|
||||
let min = Math.min(
|
||||
|
|
|
@ -14,11 +14,10 @@
|
|||
```
|
||||
|
||||
2. `cover` --- 初始填充<br>
|
||||
`cover="50"` 和 `cover="50%"` 都表示初始填充音量条的50%<br>
|
||||
`cover="78.2"` 和 `cover="78.2%"` 都表示初始填充音量条的78.2%<br>
|
||||
`cover="50"` 和 `cover="50%"` 都表示初始填充音量条的 50%<br>
|
||||
`cover="78.2"` 和 `cover="78.2%"` 都表示初始填充音量条的 78.2%<br>
|
||||
`cover="150px"` 和 `cover="113.5px"` 表示准确的填充长度<br>
|
||||
|
||||
|
||||
```
|
||||
<star-slider cover="150px"></star-slider>
|
||||
<star-slider cover="50%"></star-slider>
|
||||
|
|
|
@ -10,4 +10,4 @@
|
|||
|
||||
圆点+横条,由 svg 组成。
|
||||
|
||||
TODO: 添加可形变动画。
|
||||
TODO: 添加可形变动画。
|
||||
|
|
Loading…
Reference in New Issue