fix(progress): modify style of example

varletjs · Jun 15, 2021 · f2469a6 · f2469a6
1 parent 5dcf584
commit f2469a6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/packages/varlet-ui/src/progress/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-ui/src/progress/__tests__/__snapshots__/index.spec.js.snap
@@ -100,7 +100,7 @@ exports[`test progress example 1`] = `
       <div class=\\"var-progress-linear\\">
         <div class=\\"var-progress-linear__block\\" style=\\"height: 8px;\\">
           <div class=\\"var-progress-linear__background\\" style=\\"background: rgb(216, 216, 216);\\"></div>
-          <div class=\\"var-progress-linear__certain\\" style=\\"background: rgb(255, 152, 0); width: 30%;\\"></div>
+          <div class=\\"var-progress-linear__certain\\" style=\\"background: rgb(255, 159, 0); width: 30%;\\"></div>
         </div>
         <!--v-if-->
       </div>
@@ -110,7 +110,7 @@ exports[`test progress example 1`] = `
       <div class=\\"var-progress-linear\\">
         <div class=\\"var-progress-linear__block\\" style=\\"height: 8px;\\">
           <div class=\\"var-progress-linear__background\\" style=\\"background: rgb(245, 203, 144);\\"></div>
-          <div class=\\"var-progress-linear__certain\\" style=\\"background: rgb(255, 152, 0); width: 60%;\\"></div>
+          <div class=\\"var-progress-linear__certain\\" style=\\"background: rgb(255, 159, 0); width: 60%;\\"></div>
         </div>
         <!--v-if-->
       </div>
@@ -120,7 +120,7 @@ exports[`test progress example 1`] = `
       <div class=\\"var-progress-linear\\">
         <div class=\\"var-progress-linear__block\\" style=\\"height: 8px;\\">
           <div class=\\"var-progress-linear__background\\" style=\\"background: rgb(245, 203, 144);\\"></div>
-          <div class=\\"var-progress-linear__certain var-progress-linear__ripple\\" style=\\"background: rgb(255, 152, 0); width: 80%;\\"></div>
+          <div class=\\"var-progress-linear__certain var-progress-linear__ripple\\" style=\\"background: rgb(255, 159, 0); width: 80%;\\"></div>
         </div>
         <!--v-if-->
       </div>

diff --git a/packages/varlet-ui/src/progress/docs/en-US.md b/packages/varlet-ui/src/progress/docs/en-US.md
@@ -38,9 +38,9 @@ The label is displayed through the `label` attribute. The label is the percentag
 Set the line width, progress bar color, track color and ripple loading effect through the attributes of `line-width`, `color`, `track-color` and `ripple`.
 
 ```html
-<var-progress :value="30" line-width="8" color="#ff9800" />
-<var-progress :value="60" line-width="8" color="#ff9800" track-color="#f5cb90" />
-<var-progress :value="80" ripple line-width="8" color="#ff9800" track-color="#f5cb90" />
+<var-progress :value="30" line-width="8" color="#ff9f00" />
+<var-progress :value="60" line-width="8" color="#ff9f00" track-color="#f5cb90" />
+<var-progress :value="80" ripple line-width="8" color="#ff9f00" track-color="#f5cb90" />
 ```
 
 ### Progress circle

diff --git a/packages/varlet-ui/src/progress/docs/zh-CN.md b/packages/varlet-ui/src/progress/docs/zh-CN.md
@@ -38,9 +38,9 @@ createApp().use(Progress)
 通过`line-width`、`color`、`track-color`、`ripple` 属性设置线宽、进度条颜色、轨道颜色、水波纹加载效果。
 
 ```html
-<var-progress :value="30" line-width="8" color="#ff9800" />
-<var-progress :value="60" line-width="8" color="#ff9800" track-color="#f5cb90" />
-<var-progress :value="80" ripple line-width="8" color="#ff9800" track-color="#f5cb90" />
+<var-progress :value="30" line-width="8" color="#ff9f00" />
+<var-progress :value="60" line-width="8" color="#ff9f00" track-color="#f5cb90" />
+<var-progress :value="80" ripple line-width="8" color="#ff9f00" track-color="#f5cb90" />
 ```
 
 ### 环形进度条

diff --git a/packages/varlet-ui/src/progress/example/index.vue b/packages/varlet-ui/src/progress/example/index.vue
@@ -18,9 +18,9 @@
 
     <div class="progress-demo__style">
       <app-type>{{ pack.style }}</app-type>
-      <var-progress :value="30" line-width="8" color="#ff9800" />
-      <var-progress :value="60" line-width="8" color="#ff9800" track-color="#f5cb90" />
-      <var-progress :value="80" ripple line-width="8" color="#ff9800" track-color="#f5cb90" />
+      <var-progress :value="30" line-width="8" color="#ff9f00" />
+      <var-progress :value="60" line-width="8" color="#ff9f00" track-color="#f5cb90" />
+      <var-progress :value="80" ripple line-width="8" color="#ff9f00" track-color="#f5cb90" />
     </div>
 
     <app-type>{{ pack.circle }}</app-type>