diff --git a/src/components/slider/README.md b/src/components/slider/README.md index b949e99..1b96b6b 100644 --- a/src/components/slider/README.md +++ b/src/components/slider/README.md @@ -14,8 +14,10 @@ ``` 2. `cover` --- 初始填充
- `cover="50"` 和 `cover="50%"`都表示初始填充音量条的50%
- `cover="150px"` 表示准确的填充长度
+ `cover="50"` 和 `cover="50%"` 都表示初始填充音量条的50%
+ `cover="78.2"` 和 `cover="78.2%"` 都表示初始填充音量条的78.2%
+ `cover="150px"` 和 `cover="113.5px"` 表示准确的填充长度
+ ``` diff --git a/src/components/slider/slider.ts b/src/components/slider/slider.ts index fde930b..1ad0037 100644 --- a/src/components/slider/slider.ts +++ b/src/components/slider/slider.ts @@ -3,9 +3,9 @@ import {customElement, property, query} from 'lit/decorators.js' import {sharedStyles} from './slider-styles.js' function getType(str: string) { - if (/^\d*px$/.test(str)) { + if (/^\d*(\.\d*)?px$/.test(str)) { return 'static' - } else if (/^\d*%?$/.test(str)) { + } else if (/^\d*(\.\d*)?%?$/.test(str)) { return 'percent' } else { return 'invalid'