blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

fix(Progress): track-color source & doc (#2175)

Browse Source
This commit is contained in:
neverland 2019-10-20 13:06:38 +08:00 committed by GitHub
parent b6c7461e7e
commit fbd142b245
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/progress/README.md
View File

@ -69,7 +69,8 @@
| stroke-width | 进度条粗细，默认单位为`px` | *string \| number* | `4px` | - | | stroke-width | 进度条粗细，默认单位为`px` | *string \| number* | `4px` | - |
| show-pivot | 是否显示进度文字 | *boolean* | `true` | - | | show-pivot | 是否显示进度文字 | *boolean* | `true` | - |
| color | 进度条颜色 | *string* | `#1989fa` | - | | color | 进度条颜色 | *string* | `#1989fa` | - |
| text-color | 进度条文字颜色 | *string* | `#fff` | - | | text-color | 进度文字颜色 | *string* | `#fff` | - |
| track-color | 轨道颜色 | *string* | `#e5e5e5` | 1.0.0 |
| pivot-text | 文字显示 | *string* | 百分比文字 | - | | pivot-text | 文字显示 | *string* | 百分比文字 | - |
| pivot-color | 文字背景色 | *string* | 与进度条颜色一致 | - | | pivot-color | 文字背景色 | *string* | 与进度条颜色一致 | - |

1
packages/progress/index.ts
View File

@ -8,6 +8,7 @@ VantComponent({
percentage: Number, percentage: Number,
pivotText: String, pivotText: String,
pivotColor: String, pivotColor: String,
trackColor: String,
showPivot: { showPivot: {
type: Boolean, type: Boolean,
value: true value: true

5
packages/progress/index.wxml
View File

@ -1,6 +1,9 @@
<wxs src="./index.wxs" module="getters" /> <wxs src="./index.wxs" module="getters" />
<view class="van-progress custom-class" style="height: {{ strokeWidthUnit }};"> <view
class="van-progress custom-class"
style="height: {{ strokeWidthUnit }}; {{ trackColor ? 'background: ' + trackColor : '' }}"
>
<view <view
class="van-progress__portion" class="van-progress__portion"
style="width: {{ percentage }}%; background: {{ inactive ? '#cacaca' : color }}" style="width: {{ percentage }}%; background: {{ inactive ? '#cacaca' : color }}"