Browse Source

docs(rate): 增加自定义颜色 demo

eiinu 3 years ago
parent
commit
de4fde9f02

+ 21 - 0
src/packages/__VUE/rate/doc.en-US.md

@@ -100,6 +100,27 @@ export default {
 ```
 :::
 
+### Custom Color
+
+:::demo
+```html
+<template>
+    <nut-cell class="cell">
+        <nut-rate v-model="value" active-color="#FFC800"/>
+    </nut-cell>
+</template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+    setup() {
+        const value = ref(3);
+        return { value }
+    }
+}
+</script>
+```
+:::
+
 ### Disabled state
 
 :::demo

+ 21 - 0
src/packages/__VUE/rate/doc.md

@@ -101,6 +101,27 @@ export default {
 ```
 :::
 
+### 自定义颜色
+
+:::demo
+```html
+<template>
+    <nut-cell class="cell">
+        <nut-rate v-model="value" active-color="#FFC800"/>
+    </nut-cell>
+</template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+    setup() {
+        const value = ref(3);
+        return { value }
+    }
+}
+</script>
+```
+:::
+
 ### 禁用状态
 
 :::demo

+ 21 - 0
src/packages/__VUE/rate/doc.taro.md

@@ -100,6 +100,27 @@ export default {
 ```
 :::
 
+### 自定义颜色
+
+:::demo
+```html
+<template>
+    <nut-cell class="cell">
+        <nut-rate v-model="value" active-color="#FFC800"/>
+    </nut-cell>
+</template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+    setup() {
+        const value = ref(3);
+        return { value }
+    }
+}
+</script>
+```
+:::
+
 ### 禁用状态
 
 :::demo