diff --git a/compiled/alipay/demo/pages/Rate/index.axml b/compiled/alipay/demo/pages/Rate/index.axml
index 7e2720a02..f23b31ab7 100644
--- a/compiled/alipay/demo/pages/Rate/index.axml
+++ b/compiled/alipay/demo/pages/Rate/index.axml
@@ -36,14 +36,23 @@
 </ant-container>
 
 <ant-container title="受控模式">
-  <ant-rate
-    value="{{ value }}"
-    onChange="handleChange" />
-  <view style="margin-top: 8px">
-    <ant-stepper
-      value="{{ value }}"
-      min="{{ 0 }}"
-      max="{{ 5 }}"
-      onChange="handleChange" />
+  <view style="display: flex; justify-content: space-around">
+    <view>
+      <ant-rate
+        value="{{ value }}"
+        onChange="handleChange" />
+
+      <view style="margin-top: 8px">
+        <ant-stepper
+          value="{{ value }}"
+          min="{{ 0 }}"
+          max="{{ 5 }}"
+          onChange="handleChange" />
+      </view>
+    </view>
+    <view>
+      <ant-rate value="{{ value }}" />
+      <view class="description">无 onChange 函数</view>
+    </view>
   </view>
 </ant-container>
diff --git a/compiled/alipay/demo/pages/RateCustom/index.axml b/compiled/alipay/demo/pages/RateCustom/index.axml
index 9b9cc0350..d41f4d5f2 100644
--- a/compiled/alipay/demo/pages/RateCustom/index.axml
+++ b/compiled/alipay/demo/pages/RateCustom/index.axml
@@ -1,84 +1,84 @@
-<container title="自定义间距">
-  <rate
-    defaultValue="{{3}}"
-    gutter="{{8}}" />
+<ant-container title="自定义间距">
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    gutter="{{ 8 }}" />
   <view class="description">8px</view>
 
-  <rate
-    defaultValue="{{4}}"
-    gutter="{{16}}" />
+  <ant-rate
+    defaultValue="{{ 4 }}"
+    gutter="{{ 16 }}" />
   <view class="description">16px</view>
-</container>
+</ant-container>
 
-<container title="自定义大小">
-  <rate
-    defaultValue="{{3}}"
+<ant-container title="自定义大小">
+  <ant-rate
+    defaultValue="{{ 3 }}"
     className="rate" />
   <view class="description">30px</view>
 
-  <rate
-    defaultValue="{{3}}"
+  <ant-rate
+    defaultValue="{{ 3 }}"
     style="font-size: 40px" />
   <view class="description">40px</view>
-</container>
+</ant-container>
 
-<container title="自定义颜色">
-  <rate
-    defaultValue="{{3}}"
+<ant-container title="自定义颜色">
+  <ant-rate
+    defaultValue="{{ 3 }}"
     characterClassName="star"
     characterActiveClassName="star-active" />
   <view class="description">基础</view>
 
-  <rate
-    defaultValue="{{3}}"
+  <ant-rate
+    defaultValue="{{ 3 }}"
     characterClassName="star-gradient"
     characterActiveClassName="star-active-gradient" />
   <view class="description">渐变</view>
-</container>
+</ant-container>
 
-<container title="自定义图标">
-  <rate defaultValue="{{3}}">
-    <icon
+<ant-container title="自定义图标">
+  <ant-rate defaultValue="{{ 3 }}">
+    <ant-icon
       slot="character"
       type="HeartFill" />
-  </rate>
+  </ant-rate>
   <view class="description">自定义为HeartFill</view>
 
-  <rate
-    defaultValue="{{3.5}}"
+  <ant-rate
+    defaultValue="{{ 3.5 }}"
     allowHalf>
-    <icon
+    <ant-icon
       slot="character"
       type="StarOutline" />
-  </rate>
+  </ant-rate>
   <view class="description">自定义为StarOutline</view>
 
-  <rate
-    defaultValue="{{3.5}}"
+  <ant-rate
+    defaultValue="{{ 3.5 }}"
     allowHalf
     characterClassName="character">
     <view slot="character">正</view>
-  </rate>
+  </ant-rate>
   <view class="description">自定义为正</view>
 
-  <rate
-    defaultValue="{{2.5}}"
+  <ant-rate
+    defaultValue="{{ 2.5 }}"
     allowHalf
     characterClassName="character">
     <view slot="character">A</view>
-  </rate>
+  </ant-rate>
   <view class="description">自定义为A</view>
 
-  <rate
-    defaultValue="{{2.5}}"
+  <ant-rate
+    defaultValue="{{ 2.5 }}"
     allowHalf
-    gutter="{{20}}"
+    gutter="{{ 20 }}"
     characterClassName="character">
     <view
       slot="character"
       slot-scope="rate">
-      {{rate.index}}
+      {{ rate.index }}
     </view>
-  </rate>
+  </ant-rate>
   <view class="description">自定义为索引</view>
-</container>
+</ant-container>
diff --git a/compiled/alipay/demo/pages/RateCustom/index.js b/compiled/alipay/demo/pages/RateCustom/index.js
index 82e2e7a7a..f7a80473c 100644
--- a/compiled/alipay/demo/pages/RateCustom/index.js
+++ b/compiled/alipay/demo/pages/RateCustom/index.js
@@ -1,5 +1,5 @@
 Page({
-  onChange (value) {
-    console.log(value);
-  },
+    onChange: function (value) {
+        console.log(value);
+    },
 });
diff --git a/compiled/alipay/demo/pages/RateCustom/index.json b/compiled/alipay/demo/pages/RateCustom/index.json
index d5aeeb2eb..1970988b9 100644
--- a/compiled/alipay/demo/pages/RateCustom/index.json
+++ b/compiled/alipay/demo/pages/RateCustom/index.json
@@ -1,9 +1,9 @@
 {
   "defaultTitle": "Rate",
   "usingComponents": {
-    "rate": "../../../src/Rate/index",
-    "icon": "../../../src/Icon/index",
-    "container": "../../../src/Container/index"
+    "ant-rate": "../../../src/Rate/index",
+    "ant-icon": "../../../src/Icon/index",
+    "ant-container": "../../../src/Container/index"
   },
   "allowsBounceVertical": "NO"
 }
diff --git a/compiled/alipay/demo/pages/RateCustom/index.less b/compiled/alipay/demo/pages/RateCustom/index.less
index de4b9d1f1..3196acc06 100644
--- a/compiled/alipay/demo/pages/RateCustom/index.less
+++ b/compiled/alipay/demo/pages/RateCustom/index.less
@@ -1,4 +1,4 @@
-@import "../../../src/style/themes/color.less";
+@import '../../../src/style/themes/color.less';
 
 .star {
   color: rgb(118, 118, 118);
@@ -6,6 +6,7 @@
 
 .star-active {
   color: red;
+
 }
 
 .description {
@@ -14,17 +15,25 @@
 }
 
 .star-gradient {
-  background-image: linear-gradient(to right, rgb(151, 151, 151), rgb(255, 255, 255),);
+  background-image: linear-gradient(
+    to right,
+    rgb(151, 151, 151),
+    rgb(255, 255, 255)
+  );
   -webkit-background-clip: text;
+
+
   color: transparent;
 }
 
 .star-active-gradient {
   background-image: linear-gradient(to right, orange, yellow);
   -webkit-background-clip: text;
+
+
   color: transparent;
 }
 
 .character {
   font-size: 40px;
-}
\ No newline at end of file
+}
diff --git a/compiled/alipay/src/Rate/index.axml b/compiled/alipay/src/Rate/index.axml
index c28ebcefd..0ddaf37db 100644
--- a/compiled/alipay/src/Rate/index.axml
+++ b/compiled/alipay/src/Rate/index.axml
@@ -22,7 +22,7 @@
             name="character"
             index="{{ index }}"
             isActive="{{ true }}">
-            <icon type="StarFill" />
+            <ant-icon type="StarFill" />
           </slot>
         </view>
         <view
@@ -30,7 +30,7 @@
           <slot
             name="character"
             index="{{ index }}">
-            <icon type="StarFill" />
+            <ant-icon type="StarFill" />
           </slot>
         </view>
       </view>
diff --git a/compiled/alipay/src/Rate/index.json b/compiled/alipay/src/Rate/index.json
index 2bc97e186..090c137c7 100644
--- a/compiled/alipay/src/Rate/index.json
+++ b/compiled/alipay/src/Rate/index.json
@@ -1,6 +1,6 @@
 {
-	"component": true,
-	"usingComponents": {
-    "icon": "../Icon/index"
+  "component": true,
+  "usingComponents": {
+    "ant-icon": "../Icon/index"
   }
 }
diff --git a/compiled/alipay/src/Rate/index.less b/compiled/alipay/src/Rate/index.less
index 44d672941..5f7e3bdcd 100644
--- a/compiled/alipay/src/Rate/index.less
+++ b/compiled/alipay/src/Rate/index.less
@@ -35,4 +35,5 @@
       overflow: hidden;
     }
   }
+
 }
diff --git a/compiled/wechat/app.json b/compiled/wechat/app.json
index 0f9612d5a..34c7aeb22 100644
--- a/compiled/wechat/app.json
+++ b/compiled/wechat/app.json
@@ -1,5 +1,6 @@
 {
   "pages": [
+    "demo/pages/RateCustom/index",
     "demo/pages/RadioGroup/index",
     "demo/pages/Radio/index",
     "demo/pages/Rate/index",
diff --git a/compiled/wechat/demo/pages/Rate/index.wxml b/compiled/wechat/demo/pages/Rate/index.wxml
index 5a8a4c71b..e6c343402 100644
--- a/compiled/wechat/demo/pages/Rate/index.wxml
+++ b/compiled/wechat/demo/pages/Rate/index.wxml
@@ -36,14 +36,23 @@
 </ant-container>
 
 <ant-container title="受控模式">
-  <ant-rate
-    value="{{ value }}"
-    bind:change="handleChange" />
-  <view style="margin-top: 8px">
-    <ant-stepper
-      value="{{ value }}"
-      min="{{ 0 }}"
-      max="{{ 5 }}"
-      bind:change="handleChange" />
+  <view style="display: flex; justify-content: space-around">
+    <view>
+      <ant-rate
+        value="{{ value }}"
+        bind:change="handleChange" />
+
+      <view style="margin-top: 8px">
+        <ant-stepper
+          value="{{ value }}"
+          min="{{ 0 }}"
+          max="{{ 5 }}"
+          bind:change="handleChange" />
+      </view>
+    </view>
+    <view>
+      <ant-rate value="{{ value }}" />
+      <view class="description">无 onChange 函数</view>
+    </view>
   </view>
 </ant-container>
diff --git a/compiled/wechat/demo/pages/RateCustom/index.js b/compiled/wechat/demo/pages/RateCustom/index.js
new file mode 100644
index 000000000..f7a80473c
--- /dev/null
+++ b/compiled/wechat/demo/pages/RateCustom/index.js
@@ -0,0 +1,5 @@
+Page({
+    onChange: function (value) {
+        console.log(value);
+    },
+});
diff --git a/compiled/wechat/demo/pages/RateCustom/index.json b/compiled/wechat/demo/pages/RateCustom/index.json
new file mode 100644
index 000000000..1970988b9
--- /dev/null
+++ b/compiled/wechat/demo/pages/RateCustom/index.json
@@ -0,0 +1,9 @@
+{
+  "defaultTitle": "Rate",
+  "usingComponents": {
+    "ant-rate": "../../../src/Rate/index",
+    "ant-icon": "../../../src/Icon/index",
+    "ant-container": "../../../src/Container/index"
+  },
+  "allowsBounceVertical": "NO"
+}
diff --git a/compiled/wechat/demo/pages/RateCustom/index.wxml b/compiled/wechat/demo/pages/RateCustom/index.wxml
new file mode 100644
index 000000000..1a54cc1f5
--- /dev/null
+++ b/compiled/wechat/demo/pages/RateCustom/index.wxml
@@ -0,0 +1,37 @@
+<ant-container title="自定义间距">
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    gutter="{{ 8 }}" />
+  <view class="description">8px</view>
+
+  <ant-rate
+    defaultValue="{{ 4 }}"
+    gutter="{{ 16 }}" />
+  <view class="description">16px</view>
+</ant-container>
+
+<ant-container title="自定义大小">
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    className="rate" />
+  <view class="description">30px</view>
+
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    style="font-size: 40px" />
+  <view class="description">40px</view>
+</ant-container>
+
+<ant-container title="自定义颜色">
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    characterClassName="star"
+    characterActiveClassName="star-active" />
+  <view class="description">基础</view>
+
+  <ant-rate
+    defaultValue="{{ 3 }}"
+    characterClassName="star-gradient"
+    characterActiveClassName="star-active-gradient" />
+  <view class="description">渐变</view>
+</ant-container>
diff --git a/compiled/wechat/demo/pages/RateCustom/index.wxss b/compiled/wechat/demo/pages/RateCustom/index.wxss
new file mode 100644
index 000000000..0007795cc
--- /dev/null
+++ b/compiled/wechat/demo/pages/RateCustom/index.wxss
@@ -0,0 +1,23 @@
+.star {
+  color: #767676;
+}
+.star-active {
+  color: red !important;
+}
+.description {
+  margin: 4px 0 16px 0;
+  color: #333333;
+}
+.star-gradient {
+  background-image: linear-gradient(to right, #979797, #ffffff);
+  -webkit-background-clip: text;
+  color: transparent !important;
+}
+.star-active-gradient {
+  background-image: linear-gradient(to right, orange, yellow);
+  -webkit-background-clip: text;
+  color: transparent !important;
+}
+.character {
+  font-size: 40px;
+}
diff --git a/compiled/wechat/src/Rate/index.json b/compiled/wechat/src/Rate/index.json
index 2bc97e186..090c137c7 100644
--- a/compiled/wechat/src/Rate/index.json
+++ b/compiled/wechat/src/Rate/index.json
@@ -1,6 +1,6 @@
 {
-	"component": true,
-	"usingComponents": {
-    "icon": "../Icon/index"
+  "component": true,
+  "usingComponents": {
+    "ant-icon": "../Icon/index"
   }
 }
diff --git a/compiled/wechat/src/Rate/index.wxml b/compiled/wechat/src/Rate/index.wxml
index 8ac03bc58..1b282fedc 100644
--- a/compiled/wechat/src/Rate/index.wxml
+++ b/compiled/wechat/src/Rate/index.wxml
@@ -18,11 +18,11 @@
         <view
           wx:if="{{ allowHalf && mixin.value === index + 0.5 }}"
           class="ant-rate-star-icon-active {{ characterClassName || '' }} {{ characterActiveClassName || '' }} ant-rate-star-icon-half-active">
-          <icon type="StarFill" />
+          <ant-icon type="StarFill" />
         </view>
         <view
           class="ant-rate-star-icon {{ mixin.value >= index + 1 ? 'ant-rate-star-icon-active' + ' ' + (characterClassName || '') + ' ' + (characterActiveClassName || '') : characterClassName }}">
-          <icon type="StarFill" />
+          <ant-icon type="StarFill" />
         </view>
       </view>
     </block>
diff --git a/compiled/wechat/src/Rate/index.wxss b/compiled/wechat/src/Rate/index.wxss
index 5c7d20f26..2f99101e1 100644
--- a/compiled/wechat/src/Rate/index.wxss
+++ b/compiled/wechat/src/Rate/index.wxss
@@ -27,3 +27,6 @@
   width: 50%;
   overflow: hidden;
 }
+.ant-rate .ant-icon {
+  font-size: unset;
+}
diff --git a/config/wechat.json b/config/wechat.json
index 255285927..52804bf7a 100644
--- a/config/wechat.json
+++ b/config/wechat.json
@@ -1,6 +1,7 @@
 {
   "pages": [
     "pages/RadioGroup",
+    "pages/RateCustom",
     "pages/Radio",
     "pages/Rate",
     "pages/ImageUploadControl",
diff --git a/demo/pages/Rate/index.axml.tsx b/demo/pages/Rate/index.axml.tsx
index 75892b7e7..c64b34d73 100644
--- a/demo/pages/Rate/index.axml.tsx
+++ b/demo/pages/Rate/index.axml.tsx
@@ -29,9 +29,18 @@ export default ({ value }: InternalData) => (
     </AntContainer>
 
     <AntContainer title="受控模式">
-      <AntRate value={value} onChange="handleChange" />
-      <View style="margin-top: 8px">
-        <AntStepper value={value} min={0} max={5} onChange="handleChange" />
+      <View style="display: flex;justify-content: space-around;">
+        <View>
+          <AntRate value={value} onChange="handleChange" />
+
+          <View style="margin-top: 8px">
+            <AntStepper value={value} min={0} max={5} onChange="handleChange" />
+          </View>
+        </View>
+        <View>
+          <AntRate value={value} />
+          <View class="description">无 onChange 函数</View>
+        </View>
       </View>
     </AntContainer>
   </Component>
diff --git a/demo/pages/RateCustom/index.axml b/demo/pages/RateCustom/index.axml
deleted file mode 100644
index 9b9cc0350..000000000
--- a/demo/pages/RateCustom/index.axml
+++ /dev/null
@@ -1,84 +0,0 @@
-<container title="自定义间距">
-  <rate
-    defaultValue="{{3}}"
-    gutter="{{8}}" />
-  <view class="description">8px</view>
-
-  <rate
-    defaultValue="{{4}}"
-    gutter="{{16}}" />
-  <view class="description">16px</view>
-</container>
-
-<container title="自定义大小">
-  <rate
-    defaultValue="{{3}}"
-    className="rate" />
-  <view class="description">30px</view>
-
-  <rate
-    defaultValue="{{3}}"
-    style="font-size: 40px" />
-  <view class="description">40px</view>
-</container>
-
-<container title="自定义颜色">
-  <rate
-    defaultValue="{{3}}"
-    characterClassName="star"
-    characterActiveClassName="star-active" />
-  <view class="description">基础</view>
-
-  <rate
-    defaultValue="{{3}}"
-    characterClassName="star-gradient"
-    characterActiveClassName="star-active-gradient" />
-  <view class="description">渐变</view>
-</container>
-
-<container title="自定义图标">
-  <rate defaultValue="{{3}}">
-    <icon
-      slot="character"
-      type="HeartFill" />
-  </rate>
-  <view class="description">自定义为HeartFill</view>
-
-  <rate
-    defaultValue="{{3.5}}"
-    allowHalf>
-    <icon
-      slot="character"
-      type="StarOutline" />
-  </rate>
-  <view class="description">自定义为StarOutline</view>
-
-  <rate
-    defaultValue="{{3.5}}"
-    allowHalf
-    characterClassName="character">
-    <view slot="character">正</view>
-  </rate>
-  <view class="description">自定义为正</view>
-
-  <rate
-    defaultValue="{{2.5}}"
-    allowHalf
-    characterClassName="character">
-    <view slot="character">A</view>
-  </rate>
-  <view class="description">自定义为A</view>
-
-  <rate
-    defaultValue="{{2.5}}"
-    allowHalf
-    gutter="{{20}}"
-    characterClassName="character">
-    <view
-      slot="character"
-      slot-scope="rate">
-      {{rate.index}}
-    </view>
-  </rate>
-  <view class="description">自定义为索引</view>
-</container>
diff --git a/demo/pages/RateCustom/index.axml.tsx b/demo/pages/RateCustom/index.axml.tsx
new file mode 100644
index 000000000..8d28ba3be
--- /dev/null
+++ b/demo/pages/RateCustom/index.axml.tsx
@@ -0,0 +1,76 @@
+import { InternalData, View } from 'tsxml';
+import AntContainer from '../../../src/Container/index.axml';
+import AntIcon from '../../../src/Icon/index.axml';
+import AntRate from '../../../src/Rate/index.axml';
+
+export default ({ rate }: InternalData) => (
+  <Component>
+    <AntContainer title="自定义间距">
+      <AntRate defaultValue={3} gutter={8} />
+      <View class="description">8px</View>
+
+      <AntRate defaultValue={4} gutter={16} />
+      <View class="description">16px</View>
+    </AntContainer>
+
+    <AntContainer title="自定义大小">
+      <AntRate defaultValue={3} className="rate" />
+      <View class="description">30px</View>
+
+      <AntRate defaultValue={3} style="font-size: 40px" />
+      <View class="description">40px</View>
+    </AntContainer>
+
+    <AntContainer title="自定义颜色">
+      <AntRate
+        defaultValue={3}
+        characterClassName="star"
+        characterActiveClassName="star-active"
+      />
+      <View class="description">基础</View>
+
+      <AntRate
+        defaultValue={3}
+        characterClassName="star-gradient"
+        characterActiveClassName="star-active-gradient"
+      />
+      <View class="description">渐变</View>
+    </AntContainer>
+
+    {/* #if ALIPAY */}
+    <AntContainer title="自定义图标">
+      <AntRate defaultValue={3}>
+        <AntIcon slot="character" type="HeartFill" />
+      </AntRate>
+      <View class="description">自定义为HeartFill</View>
+
+      <AntRate defaultValue={3.5} allowHalf>
+        <AntIcon slot="character" type="StarOutline" />
+      </AntRate>
+      <View class="description">自定义为StarOutline</View>
+
+      <AntRate defaultValue={3.5} allowHalf characterClassName="character">
+        <View slot="character">正</View>
+      </AntRate>
+      <View class="description">自定义为正</View>
+
+      <AntRate defaultValue={2.5} allowHalf characterClassName="character">
+        <View slot="character">A </View>
+      </AntRate>
+      <View class="description">自定义为A</View>
+
+      <AntRate
+        defaultValue={2.5}
+        allowHalf
+        gutter={20}
+        characterClassName="character"
+      >
+        <View slot="character" slot-scope="rate">
+          {rate.index}
+        </View>
+      </AntRate>
+      <View class="description">自定义为索引</View>
+    </AntContainer>
+    {/* #endif */}
+  </Component>
+);
diff --git a/demo/pages/RateCustom/index.json b/demo/pages/RateCustom/index.json
index d5aeeb2eb..1970988b9 100644
--- a/demo/pages/RateCustom/index.json
+++ b/demo/pages/RateCustom/index.json
@@ -1,9 +1,9 @@
 {
   "defaultTitle": "Rate",
   "usingComponents": {
-    "rate": "../../../src/Rate/index",
-    "icon": "../../../src/Icon/index",
-    "container": "../../../src/Container/index"
+    "ant-rate": "../../../src/Rate/index",
+    "ant-icon": "../../../src/Icon/index",
+    "ant-container": "../../../src/Container/index"
   },
   "allowsBounceVertical": "NO"
 }
diff --git a/demo/pages/RateCustom/index.less b/demo/pages/RateCustom/index.less
index de4b9d1f1..b78bc9168 100644
--- a/demo/pages/RateCustom/index.less
+++ b/demo/pages/RateCustom/index.less
@@ -1,11 +1,17 @@
-@import "../../../src/style/themes/color.less";
+@import '../../../src/style/themes/color.less';
 
 .star {
   color: rgb(118, 118, 118);
 }
 
 .star-active {
+  /// #if ALIPAY
   color: red;
+  /// #endif
+
+  /// #if WECHAT
+  color: red !important;
+  /// #endif
 }
 
 .description {
@@ -14,17 +20,35 @@
 }
 
 .star-gradient {
-  background-image: linear-gradient(to right, rgb(151, 151, 151), rgb(255, 255, 255),);
+  background-image: linear-gradient(
+    to right,
+    rgb(151, 151, 151),
+    rgb(255, 255, 255)
+  );
   -webkit-background-clip: text;
+
+  /// #if WECHAT
+  color: transparent !important;
+  /// #endif
+
+  /// #if ALIPAY
   color: transparent;
+  /// #endif
 }
 
 .star-active-gradient {
   background-image: linear-gradient(to right, orange, yellow);
   -webkit-background-clip: text;
+
+  /// #if WECHAT
+  color: transparent !important;
+  /// #endif
+
+  /// #if ALIPAY
   color: transparent;
+  /// #endif
 }
 
 .character {
   font-size: 40px;
-}
\ No newline at end of file
+}
diff --git a/demo/pages/RateCustom/index.js b/demo/pages/RateCustom/index.ts
similarity index 100%
rename from demo/pages/RateCustom/index.js
rename to demo/pages/RateCustom/index.ts
diff --git a/src/Rate/index.axml.tsx b/src/Rate/index.axml.tsx
index e3ccde556..2fdf351de 100644
--- a/src/Rate/index.axml.tsx
+++ b/src/Rate/index.axml.tsx
@@ -1,5 +1,5 @@
 import { View, Slot, TSXMLProps, InternalData } from 'tsxml';
-import Icon from '../Icon/index.axml';
+import AntIcon from '../Icon/index.axml';
 import { IRateProps } from './props';
 
 export default (
@@ -40,7 +40,7 @@ export default (
                 {/* #if ALIPAY */}
                 <Slot name="character" index={index} isActive={true}>
                   {/* #endif */}
-                  <Icon type="StarFill" />
+                  <AntIcon type="StarFill" />
                   {/* #if ALIPAY */}
                 </Slot>
                 {/* #endif */}
@@ -60,7 +60,7 @@ export default (
               {/* #if ALIPAY */}
               <Slot name="character" index={index}>
                 {/* #endif */}
-                <Icon type="StarFill" />
+                <AntIcon type="StarFill" />
                 {/* #if ALIPAY */}
               </Slot>
               {/* #endif */}
diff --git a/src/Rate/index.json b/src/Rate/index.json
index 2bc97e186..090c137c7 100644
--- a/src/Rate/index.json
+++ b/src/Rate/index.json
@@ -1,6 +1,6 @@
 {
-	"component": true,
-	"usingComponents": {
-    "icon": "../Icon/index"
+  "component": true,
+  "usingComponents": {
+    "ant-icon": "../Icon/index"
   }
 }
diff --git a/src/Rate/index.less b/src/Rate/index.less
index 44d672941..9d3a171d8 100644
--- a/src/Rate/index.less
+++ b/src/Rate/index.less
@@ -35,4 +35,10 @@
       overflow: hidden;
     }
   }
+
+  /// #if WECHAT
+  .ant-icon {
+    font-size: unset;
+  }
+  /// #endif
 }