From f0dc12d22539dfb0b114c3945066f9a840dc028a Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Thu, 16 Jun 2022 15:00:33 +0800
Subject: [PATCH 1/3] fix(rate): support gap

---
 src/rate/demos/allow-half.vue |  15 ++--
 src/rate/demos/base.vue       |  21 +++---
 src/rate/demos/color.vue      |  15 ++--
 src/rate/demos/count.vue      |  15 ++--
 src/rate/demos/disabled.vue   |  15 ++--
 src/rate/demos/icon.vue       |  20 +++---
 src/rate/demos/mobile.vue     | 126 ++++++++++++++--------------------
 src/rate/demos/size.vue       |  15 ++--
 src/rate/demos/text.vue       |  26 ++-----
 src/rate/rate.vue             |  20 ++++--
 10 files changed, 114 insertions(+), 174 deletions(-)

diff --git a/src/rate/demos/allow-half.vue b/src/rate/demos/allow-half.vue
index 1e1f4e4f6..8e101fcad 100644
--- a/src/rate/demos/allow-half.vue
+++ b/src/rate/demos/allow-half.vue
@@ -1,15 +1,10 @@
 <template>
-  <t-rate v-model="value" allow-half />
+  <t-rate v-model="value[3]" clearable allow-half :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(3.5),
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/base.vue b/src/rate/demos/base.vue
index 041ef7f81..62a6c288a 100644
--- a/src/rate/demos/base.vue
+++ b/src/rate/demos/base.vue
@@ -1,18 +1,13 @@
 <template>
-  <t-rate v-model="value" />
-  <!-- 允许清除 -->
-  <t-rate v-model="value1" clearable />
+  <t-rate v-model="value[0]" clearable :gap="defaultGap" @change="changeValue" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(2),
-      value1: ref(3),
-    };
-  },
-});
+const changeValue = (val: Number) => {
+  console.log('current value is', val);
+};
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/color.vue b/src/rate/demos/color.vue
index 16daea03c..1caef83ba 100644
--- a/src/rate/demos/color.vue
+++ b/src/rate/demos/color.vue
@@ -1,15 +1,10 @@
 <template>
-  <t-rate v-model="value" color="#0052d9" />
+  <t-rate v-model="value[9]" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(5),
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/count.vue b/src/rate/demos/count.vue
index 8431ab583..64e246d2f 100644
--- a/src/rate/demos/count.vue
+++ b/src/rate/demos/count.vue
@@ -1,15 +1,10 @@
 <template>
-  <t-rate v-model="value" :count="6" allow-half clearable />
+  <t-rate v-model="value[2]" :count="6" clearable :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(6),
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/disabled.vue b/src/rate/demos/disabled.vue
index ee4f5abcb..a67017087 100644
--- a/src/rate/demos/disabled.vue
+++ b/src/rate/demos/disabled.vue
@@ -1,15 +1,10 @@
 <template>
-  <t-rate v-model="value" disabled />
+  <t-rate v-model="value[7]" disabled :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(3.5),
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/icon.vue b/src/rate/demos/icon.vue
index 977022131..1b13adbc3 100644
--- a/src/rate/demos/icon.vue
+++ b/src/rate/demos/icon.vue
@@ -1,19 +1,17 @@
 <template>
-  <t-rate v-model="value" clearable show-text allow-half>
+  <t-rate v-model="value[11]" clearable allow-half>
     <template #icon>
-      <t-icon name="user-filled" />
+      <CheckCircleFilledIcon @click="onIconClick" />
     </template>
   </t-rate>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { CheckCircleFilledIcon } from 'tdesign-icons-vue-next';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(1),
-    };
-  },
-});
+const onIconClick = () => {
+  console.log('icon was clicked.');
+};
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/mobile.vue b/src/rate/demos/mobile.vue
index dcf3cdd38..800278af6 100644
--- a/src/rate/demos/mobile.vue
+++ b/src/rate/demos/mobile.vue
@@ -2,116 +2,93 @@
   <div class="tdesign-mobile-demo">
     <h1 class="title">Rate 按钮</h1>
     <p class="summary">评分组件，对内容进行快速评级操作，或内容评价的等级展示，目前常用为五星实心评价</p>
-    <tdesign-demo-block title="01 类型" summary="基础评分">
+    <tdesign-demo-block title="01 类型" summary="实心评分">
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current" size="16px" clearable />
-      </div>
-      <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate :default-value="3" clearable />
+        <BaseDemo />
       </div>
+    </tdesign-demo-block>
+    <tdesign-demo-block summary="空心评分">
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate :value="current" variant="outline" />
+        <t-rate :default-value="value[1]" variant="outline" clearable :gap="defaultGap" />
       </div>
+    </tdesign-demo-block>
+    <tdesign-demo-block summary="自定义数量评分">
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">自定义数量</div>
-        <t-rate v-model="current1" :count="4" clearable />
+        <CountDemo />
       </div>
+    </tdesign-demo-block>
+    <tdesign-demo-block summary="半星评分">
       <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">半星评分</div>
-        <t-rate v-model="current2" clearable allow-half />
+        <div class="rate-demo-cell__label">半星评价</div>
+        <AllowHalfDemo />
       </div>
     </tdesign-demo-block>
     <tdesign-demo-block summary="带描述评分">
-      <div class="rate-demo-cell">
+      <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current3" clearable show-text />
+        <t-rate v-model="value[4]" clearable show-text :gap="defaultGap" />
       </div>
-      <div class="rate-demo-cell">
+      <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current4" clearable show-text :texts="texts" />
+        <t-rate v-model="value[5]" clearable show-text :texts="texts" :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current4" clearable show-text :texts="texts" variant="outline" />
+        <TextDemo />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="展示型评分">
-      <t-rate v-model="current5" disabled style="margin-left: 32px" />
-    </tdesign-demo-block>
-    <tdesign-demo-block title="02 规格" summary="实心评分">
+    <tdesign-demo-block summary="禁用评分">
       <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" size="16px" />
-      </div>
-      <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" />
+        <div class="rate-demo-cell__label">仅展示</div>
+        <DisabledDemo />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="空心评分">
-      <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" size="16px" variant="outline" />
+    <tdesign-demo-block summary="设置评分颜色">
+      <div class="rate-demo-cell rate-demo-cell--space">
+        <div class="rate-demo-cell__label">空心评分</div>
+        <t-rate v-model="value[8]" variant="outline" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" variant="outline" />
+        <div class="rate-demo-cell__label">实心评分</div>
+        <ColorDemo />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="自定义数量">
-      <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" size="16px" :count="4" />
+    <tdesign-demo-block title="02 规格" summary="评价规格">
+      <div class="rate-demo-cell rate-demo-cell--space">
+        <div class="rate-demo-cell__label">评分20</div>
+        <t-rate v-model="value[10]" clearable :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="current6" :count="4" />
+        <div class="rate-demo-cell__label">评分16</div>
+        <SizeDemo />
       </div>
     </tdesign-demo-block>
-    <tdesign-demo-block summary="半星评分">
-      <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">半星评分</div>
-        <t-rate v-model="current7" size="16px" allow-half />
-      </div>
+    <tdesign-demo-block summary="自定义图标评分">
       <div class="rate-demo-cell">
-        <div class="rate-demo-cell__label">半星评分</div>
-        <t-rate v-model="current7" allow-half />
+        <div class="rate-demo-cell__label">评分20</div>
+        <IconDemo />
       </div>
     </tdesign-demo-block>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
-
-export default defineComponent({
-  setup() {
-    const current = ref(3);
-    const current1 = ref(3);
-    const current2 = ref(3.5);
-    const current3 = ref(3);
-    const current4 = ref(3);
-    const current5 = ref(3);
-    const current6 = ref(3);
-    const current7 = ref(3.5);
-    const texts = ref(['很差', '差', '一般', '好评', '优秀']);
+<script lang="ts" setup>
+import { ref } from 'vue';
+import IconDemo from './icon.vue';
+import SizeDemo from './size.vue';
+import ColorDemo from './color.vue';
+import DisabledDemo from './disabled.vue';
+import CountDemo from './count.vue';
+import BaseDemo from './base.vue';
+import TextDemo from './text.vue';
+import AllowHalfDemo from './allow-half.vue';
 
-    return {
-      current,
-      current1,
-      current2,
-      current3,
-      current4,
-      current5,
-      current6,
-      current7,
-      texts,
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const texts = ref(['很差', '差', '一般', '好评', '优秀']);
 </script>
 
 <style lang="less">
@@ -126,8 +103,9 @@ export default defineComponent({
     margin-right: 16px;
     min-width: 80px;
   }
-}
-.tdesign-mobile-demo-block__summary.rate {
-  margin-top: 8px;
+
+  &--space {
+    margin-bottom: 16px;
+  }
 }
 </style>
diff --git a/src/rate/demos/size.vue b/src/rate/demos/size.vue
index b591af474..8807fd291 100644
--- a/src/rate/demos/size.vue
+++ b/src/rate/demos/size.vue
@@ -1,15 +1,10 @@
 <template>
-  <t-rate v-model="value" size="36px" allow-half clearable />
+  <t-rate v-model="value[11]" size="16" clearable :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    return {
-      value: ref(3),
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
 </script>
diff --git a/src/rate/demos/text.vue b/src/rate/demos/text.vue
index f52835117..262ee9709 100644
--- a/src/rate/demos/text.vue
+++ b/src/rate/demos/text.vue
@@ -1,25 +1,11 @@
 <template>
-  <t-rate v-model="value" clearable show-text allow-half />
-  <t-rate v-model="value1" clearable show-text allow-half text-color="#FA0" />
-  <t-rate v-model="value2" clearable show-text :texts="texts" />
+  <t-rate v-model="value[6]" clearable show-text :texts="texts" variant="outline" :gap="defaultGap" />
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
+<script lang="ts" setup>
+import { ref } from 'vue';
 
-export default defineComponent({
-  setup() {
-    const value = ref(0);
-    const value1 = ref(2.5);
-    const value2 = ref(3);
-    const texts = ref(['很差', '差', '一般', '好评', '优秀']);
-
-    return {
-      value,
-      value1,
-      value2,
-      texts,
-    };
-  },
-});
+const defaultGap = 8;
+const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const texts = ref(['很差', '差', '一般', '好评', '优秀']);
 </script>
diff --git a/src/rate/rate.vue b/src/rate/rate.vue
index 622471781..ea469654b 100644
--- a/src/rate/rate.vue
+++ b/src/rate/rate.vue
@@ -1,20 +1,28 @@
 <template>
   <div :class="`${name}`">
     <ul ref="rateWrapper" :class="`${name}--list`" @touchstart="onTouchstart" @touchmove="onTouchmove">
-      <li v-for="n in count" :key="n" :class="classes(n)">
+      <li v-for="n in count" :key="n" :class="classes(n)" :style="{ marginRight: `${count > n ? gap : 0}px` }">
         <span :class="`${name}--placeholder`">
-          <component :is="startComponent" :size="size" :style="{ color: colors[1] }" />
+          <slot name="icon">
+            <component :is="startComponent" :size="size" :style="{ color: colors[1] }" />
+          </slot>
         </span>
         <template v-if="allowHalf">
           <span :class="`${name}--icon-left`" @click="onClick(n - 0.5)">
-            <star-filled-icon :size="size" :style="iconHalfStyle(n)" />
+            <slot name="icon">
+              <star-filled-icon :size="size" :style="iconHalfStyle(n)" />
+            </slot>
           </span>
           <span :class="`${name}--icon-right`" @click="onClick(n)">
-            <star-filled-icon :size="size" :style="iconFullStyle(n)" />
+            <slot name="icon">
+              <star-filled-icon :size="size" :style="iconFullStyle(n)" />
+            </slot>
           </span>
         </template>
         <span v-else :class="`${name}--icon`" @click="onClick(n)">
-          <star-filled-icon :size="size" :style="iconFullStyle(n)" />
+          <slot name="icon">
+            <star-filled-icon :size="size" :style="iconFullStyle(n)" />
+          </slot>
         </span>
       </li>
     </ul>
@@ -42,7 +50,7 @@ export default defineComponent({
   name,
   components: { StarFilledIcon, StarIcon },
   props: rateProps,
-  emits: ['change'],
+  emits: ['change', 'update:value', 'update:modelValue'],
   setup(props, context: SetupContext) {
     const rateWrapper = ref<HTMLElement | null>(null);
     const [actualVal] = useDefault<number, TdRateProps>(props, context.emit, 'value', 'change');

From e2b5af131f4f42a63a7f459651d332a4d0922407 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Thu, 16 Jun 2022 15:04:34 +0800
Subject: [PATCH 2/3] test(rate): update snapshots

---
 test/ssr/__snapshots__/ssr.test.js.snap | 484 ++++++++----------------
 1 file changed, 164 insertions(+), 320 deletions(-)

diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 66fe8b25b..65baae074 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -9696,24 +9696,24 @@ exports[`ssr snapshot test renders ./src/rate/demos/allow-half.vue correctly 1`]
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-half" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
     <!--]-->
@@ -9723,43 +9723,29 @@ exports[`ssr snapshot test renders ./src/rate/demos/allow-half.vue correctly 1`]
 `;
 
 exports[`ssr snapshot test renders ./src/rate/demos/base.vue correctly 1`] = `
-<!--[-->
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <!--]-->
-  </ul>
-  <!--v-if-->
-</div><!-- 允许清除 -->
-<div class="t-rate">
-  <ul class="t-rate--list">
-    <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul>
   <!--v-if-->
 </div>
-<!--]-->
 `;
 
 exports[`ssr snapshot test renders ./src/rate/demos/color.vue correctly 1`] = `
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#0052d9;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#0052d9;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#0052d9;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#0052d9;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#0052d9;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul>
   <!--v-if-->
@@ -9770,30 +9756,12 @@ exports[`ssr snapshot test renders ./src/rate/demos/count.vue correctly 1`] = `
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul>
   <!--v-if-->
@@ -9804,11 +9772,11 @@ exports[`ssr snapshot test renders ./src/rate/demos/disabled.vue correctly 1`] =
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul>
   <!--v-if-->
@@ -9819,28 +9787,29 @@ exports[`ssr snapshot test renders ./src/rate/demos/icon.vue correctly 1`] = `
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+      <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
       <!--]-->
     </li>
     <!--]-->
-  </ul><span class="t-rate--text">1 分</span>
+  </ul>
+  <!--v-if-->
 </div>
 `;
 
@@ -9850,90 +9819,95 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
   <p class="summary">评分组件，对内容进行快速评级操作，或内容评价的等级展示，目前常用为五星实心评价</p>
   <div class="tdesign-mobile-demo-block">
     <h2 class="tdesign-mobile-demo-block__title">01 类型</h2>
-    <p class="tdesign-mobile-demo-block__summary">基础评分</p>
+    <p class="tdesign-mobile-demo-block__summary">实心评分</p>
     <!--[-->
     <div class="rate-demo-cell">
       <div class="rate-demo-cell__label">请点击评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <!--]-->
-        </ul>
-        <!--v-if-->
-      </div>
-    </div>
-    <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
-      <div class="t-rate">
-        <ul class="t-rate--list">
-          <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
       </div>
     </div>
+    <!--]-->
+  </div>
+  <div class="tdesign-mobile-demo-block">
+    <!--v-if-->
+    <p class="tdesign-mobile-demo-block__summary">空心评分</p>
+    <!--[-->
     <div class="rate-demo-cell">
       <div class="rate-demo-cell__label">请点击评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
       </div>
     </div>
+    <!--]-->
+  </div>
+  <div class="tdesign-mobile-demo-block">
+    <!--v-if-->
+    <p class="tdesign-mobile-demo-block__summary">自定义数量评分</p>
+    <!--[-->
     <div class="rate-demo-cell">
       <div class="rate-demo-cell__label">自定义数量</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
       </div>
     </div>
+    <!--]-->
+  </div>
+  <div class="tdesign-mobile-demo-block">
+    <!--v-if-->
+    <p class="tdesign-mobile-demo-block__summary">半星评分</p>
+    <!--[-->
     <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">半星评分</div>
+      <div class="rate-demo-cell__label">半星评价</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-half" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
           <!--]-->
@@ -9947,30 +9921,30 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
     <!--v-if-->
     <p class="tdesign-mobile-demo-block__summary">带描述评分</p>
     <!--[-->
-    <div class="rate-demo-cell">
+    <div class="rate-demo-cell rate-demo-cell--space">
       <div class="rate-demo-cell__label">请点击评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul><span class="t-rate--text">3 分</span>
       </div>
     </div>
-    <div class="rate-demo-cell">
+    <div class="rate-demo-cell rate-demo-cell--space">
       <div class="rate-demo-cell__label">请点击评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul><span class="t-rate--text">一般</span>
       </div>
@@ -9980,11 +9954,11 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul><span class="t-rate--text">一般</span>
       </div>
@@ -9993,51 +9967,18 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
   </div>
   <div class="tdesign-mobile-demo-block">
     <!--v-if-->
-    <p class="tdesign-mobile-demo-block__summary">展示型评分</p>
-    <!--[-->
-    <div class="t-rate" style="margin-left:32px;">
-      <ul class="t-rate--list">
-        <!--[-->
-        <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-        <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-        <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-        <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-        <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-        <!--]-->
-      </ul>
-      <!--v-if-->
-    </div>
-    <!--]-->
-  </div>
-  <div class="tdesign-mobile-demo-block">
-    <h2 class="tdesign-mobile-demo-block__title">02 规格</h2>
-    <p class="tdesign-mobile-demo-block__summary">实心评分</p>
+    <p class="tdesign-mobile-demo-block__summary">禁用评分</p>
     <!--[-->
     <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
+      <div class="rate-demo-cell__label">仅展示</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <!--]-->
-        </ul>
-        <!--v-if-->
-      </div>
-    </div>
-    <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
-      <div class="t-rate">
-        <ul class="t-rate--list">
-          <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
@@ -10047,33 +9988,33 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
   </div>
   <div class="tdesign-mobile-demo-block">
     <!--v-if-->
-    <p class="tdesign-mobile-demo-block__summary">空心评分</p>
+    <p class="tdesign-mobile-demo-block__summary">设置评分颜色</p>
     <!--[-->
-    <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
+    <div class="rate-demo-cell rate-demo-cell--space">
+      <div class="rate-demo-cell__label">空心评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:16px;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:16px;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:16px;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:16px;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:16px;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
       </div>
     </div>
     <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
+      <div class="rate-demo-cell__label">实心评分</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#FFC51C;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:#E8E8E8;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
@@ -10082,32 +10023,34 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
     <!--]-->
   </div>
   <div class="tdesign-mobile-demo-block">
-    <!--v-if-->
-    <p class="tdesign-mobile-demo-block__summary">自定义数量</p>
+    <h2 class="tdesign-mobile-demo-block__title">02 规格</h2>
+    <p class="tdesign-mobile-demo-block__summary">评价规格</p>
     <!--[-->
-    <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
+    <div class="rate-demo-cell rate-demo-cell--space">
+      <div class="rate-demo-cell__label">评分20</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
       </div>
     </div>
     <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">请点击评分</div>
+      <div class="rate-demo-cell__label">评分16</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
           <!--]-->
         </ul>
         <!--v-if-->
@@ -10117,61 +10060,31 @@ exports[`ssr snapshot test renders ./src/rate/demos/mobile.vue correctly 1`] = `
   </div>
   <div class="tdesign-mobile-demo-block">
     <!--v-if-->
-    <p class="tdesign-mobile-demo-block__summary">半星评分</p>
+    <p class="tdesign-mobile-demo-block__summary">自定义图标评分</p>
     <!--[-->
     <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">半星评分</div>
-      <div class="t-rate">
-        <ul class="t-rate--list">
-          <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--]-->
-          </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--]-->
-          </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--]-->
-          </li>
-          <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--]-->
-          </li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--]-->
-          </li>
-          <!--]-->
-        </ul>
-        <!--v-if-->
-      </div>
-    </div>
-    <div class="rate-demo-cell">
-      <div class="rate-demo-cell__label">半星评分</div>
+      <div class="rate-demo-cell__label">评分20</div>
       <div class="t-rate">
         <ul class="t-rate--list">
           <!--[-->
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item t-rate-full" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item" style="margin-right:6px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
-          <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-            <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
+          <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
+            <!--[--><span class="t-rate--icon-left"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon-right"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style=""><path fill="currentColor" d="M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z" fill-opacity="0.9"></path></svg><!--]--></span>
             <!--]-->
           </li>
           <!--]-->
@@ -10188,26 +10101,11 @@ exports[`ssr snapshot test renders ./src/rate/demos/size.vue correctly 1`] = `
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:36px;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:16;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul>
   <!--v-if-->
@@ -10215,71 +10113,17 @@ exports[`ssr snapshot test renders ./src/rate/demos/size.vue correctly 1`] = `
 `;
 
 exports[`ssr snapshot test renders ./src/rate/demos/text.vue correctly 1`] = `
-<!--[-->
 <div class="t-rate">
   <ul class="t-rate--list">
     <!--[-->
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <!--]-->
-  </ul><span class="t-rate--text"></span>
-</div>
-<div class="t-rate" text-color="#FA0">
-  <ul class="t-rate--list">
-    <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item t-rate-half"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--[--><span class="t-rate--icon-left"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon-right"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span>
-      <!--]-->
-    </li>
-    <!--]-->
-  </ul><span class="t-rate--text">2.5 分</span>
-</div>
-<div class="t-rate">
-  <ul class="t-rate--list">
-    <!--[-->
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item t-rate-full"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
-    <li class="t-rate--item"><span class="t-rate--placeholder"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span><span class="t-rate--icon"><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item t-rate-full" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:8px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
+    <li class="t-rate--item" style="margin-right:0px;"><span class="t-rate--placeholder"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star" style="font-size:;"><path fill="currentColor" d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z" fill-opacity="0.9"></path></svg><!--]--></span><span class="t-rate--icon"><!--[--><svg fill="none" viewbox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-star-filled" style="font-size:;color:transparent;"><path fill="currentColor" d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z" fill-opacity="0.9"></path></svg><!--]--></span></li>
     <!--]-->
   </ul><span class="t-rate--text">一般</span>
 </div>
-<!--]-->
 `;
 
 exports[`ssr snapshot test renders ./src/search/demos/base.vue correctly 1`] = `

From 306b29022899cc93bc432deef6823dbbcf887914 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Mon, 20 Jun 2022 09:20:52 +0800
Subject: [PATCH 3/3] fix(rate): update demo

---
 src/rate/demos/allow-half.vue |  4 ++--
 src/rate/demos/base.vue       |  4 ++--
 src/rate/demos/color.vue      |  4 ++--
 src/rate/demos/count.vue      |  4 ++--
 src/rate/demos/disabled.vue   |  4 ++--
 src/rate/demos/icon.vue       |  9 +++------
 src/rate/demos/mobile.vue     | 12 ++++++------
 src/rate/demos/size.vue       |  4 ++--
 src/rate/demos/text.vue       |  4 ++--
 9 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/src/rate/demos/allow-half.vue b/src/rate/demos/allow-half.vue
index 8e101fcad..aa5e0d171 100644
--- a/src/rate/demos/allow-half.vue
+++ b/src/rate/demos/allow-half.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-rate v-model="value[3]" clearable allow-half :gap="defaultGap" />
+  <t-rate v-model="value" clearable allow-half :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3.5);
 </script>
diff --git a/src/rate/demos/base.vue b/src/rate/demos/base.vue
index 62a6c288a..c1b27fc2c 100644
--- a/src/rate/demos/base.vue
+++ b/src/rate/demos/base.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-rate v-model="value[0]" clearable :gap="defaultGap" @change="changeValue" />
+  <t-rate v-model="value" clearable :gap="defaultGap" @change="changeValue" />
 </template>
 
 <script lang="ts" setup>
@@ -9,5 +9,5 @@ const changeValue = (val: Number) => {
   console.log('current value is', val);
 };
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(1);
 </script>
diff --git a/src/rate/demos/color.vue b/src/rate/demos/color.vue
index 1caef83ba..b5f40537e 100644
--- a/src/rate/demos/color.vue
+++ b/src/rate/demos/color.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-rate v-model="value[9]" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
+  <t-rate v-model="value" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 </script>
diff --git a/src/rate/demos/count.vue b/src/rate/demos/count.vue
index 64e246d2f..4e47541c1 100644
--- a/src/rate/demos/count.vue
+++ b/src/rate/demos/count.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-rate v-model="value[2]" :count="6" clearable :gap="defaultGap" />
+  <t-rate v-model="value" :count="6" clearable :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 </script>
diff --git a/src/rate/demos/disabled.vue b/src/rate/demos/disabled.vue
index a67017087..39950cb56 100644
--- a/src/rate/demos/disabled.vue
+++ b/src/rate/demos/disabled.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-rate v-model="value[7]" disabled :gap="defaultGap" />
+  <t-rate v-model="value" disabled :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 </script>
diff --git a/src/rate/demos/icon.vue b/src/rate/demos/icon.vue
index 1b13adbc3..bfd3c30ac 100644
--- a/src/rate/demos/icon.vue
+++ b/src/rate/demos/icon.vue
@@ -1,7 +1,7 @@
 <template>
-  <t-rate v-model="value[11]" clearable allow-half>
+  <t-rate v-model="value" clearable allow-half>
     <template #icon>
-      <CheckCircleFilledIcon @click="onIconClick" />
+      <CheckCircleFilledIcon />
     </template>
   </t-rate>
 </template>
@@ -10,8 +10,5 @@
 import { ref } from 'vue';
 import { CheckCircleFilledIcon } from 'tdesign-icons-vue-next';
 
-const onIconClick = () => {
-  console.log('icon was clicked.');
-};
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 </script>
diff --git a/src/rate/demos/mobile.vue b/src/rate/demos/mobile.vue
index 800278af6..5455e7c9c 100644
--- a/src/rate/demos/mobile.vue
+++ b/src/rate/demos/mobile.vue
@@ -11,7 +11,7 @@
     <tdesign-demo-block summary="空心评分">
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate :default-value="value[1]" variant="outline" clearable :gap="defaultGap" />
+        <t-rate :default-value="demoValue[0]" variant="outline" clearable :gap="defaultGap" />
       </div>
     </tdesign-demo-block>
     <tdesign-demo-block summary="自定义数量评分">
@@ -29,11 +29,11 @@
     <tdesign-demo-block summary="带描述评分">
       <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="value[4]" clearable show-text :gap="defaultGap" />
+        <t-rate v-model="demoValue[1]" clearable show-text :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">请点击评分</div>
-        <t-rate v-model="value[5]" clearable show-text :texts="texts" :gap="defaultGap" />
+        <t-rate v-model="demoValue[2]" clearable show-text :texts="texts" :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">请点击评分</div>
@@ -49,7 +49,7 @@
     <tdesign-demo-block summary="设置评分颜色">
       <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">空心评分</div>
-        <t-rate v-model="value[8]" variant="outline" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
+        <t-rate v-model="demoValue[3]" variant="outline" clearable :color="['#FFC51C', '#E8E8E8']" :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">实心评分</div>
@@ -59,7 +59,7 @@
     <tdesign-demo-block title="02 规格" summary="评价规格">
       <div class="rate-demo-cell rate-demo-cell--space">
         <div class="rate-demo-cell__label">评分20</div>
-        <t-rate v-model="value[10]" clearable :gap="defaultGap" />
+        <t-rate v-model="demoValue[4]" clearable :gap="defaultGap" />
       </div>
       <div class="rate-demo-cell">
         <div class="rate-demo-cell__label">评分16</div>
@@ -87,7 +87,7 @@ import TextDemo from './text.vue';
 import AllowHalfDemo from './allow-half.vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const demoValue = ref([2, 3, 3, 3, 3]);
 const texts = ref(['很差', '差', '一般', '好评', '优秀']);
 </script>
 
diff --git a/src/rate/demos/size.vue b/src/rate/demos/size.vue
index 8807fd291..c02b0b4d8 100644
--- a/src/rate/demos/size.vue
+++ b/src/rate/demos/size.vue
@@ -1,10 +1,10 @@
 <template>
-  <t-rate v-model="value[11]" size="16" clearable :gap="defaultGap" />
+  <t-rate v-model="value" size="16" clearable :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 </script>
diff --git a/src/rate/demos/text.vue b/src/rate/demos/text.vue
index 262ee9709..eb993891a 100644
--- a/src/rate/demos/text.vue
+++ b/src/rate/demos/text.vue
@@ -1,11 +1,11 @@
 <template>
-  <t-rate v-model="value[6]" clearable show-text :texts="texts" variant="outline" :gap="defaultGap" />
+  <t-rate v-model="value" clearable show-text :texts="texts" variant="outline" :gap="defaultGap" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue';
 
 const defaultGap = 8;
-const value = ref([1, 2, 3, 3.5, 3, 3, 3, 3, 3, 3, 3, 3]);
+const value = ref(3);
 const texts = ref(['很差', '差', '一般', '好评', '优秀']);
 </script>