🦄 refactor(ID1000779): 八、收藏功能；

【八、收藏功能；】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000779

src/components/closeBtn/index.module.scss

@@ -1,16 +1,15 @@
 .icon_a_cuowuwrong_self {
-    height: 20px;
-    width: 20px;
-    font-size: 27px;
-    padding: 10px;
-    border-radius: 50%;
-    border: #ccc 1px solid;
-    color: #ccc;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .icon_a_btn{
-        font-size: 30px;
-        margin-top: 3px;
-    }
-}
+  height: 20px;
+  width: 20px;
+  font-size: 27px;
+  padding: 10px;
+  border-radius: 50%;
+  color: #ccc;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .icon_a_btn {
+    font-size: 30px;
+    margin-top: 3px;
+  }
+}

src/components/closeBtn/index.tsx

@@ -1,5 +1,6 @@
 import { Text, View } from '@tarojs/components'
 import { memo } from 'react'
+import IconFont from '../iconfont/iconfont'
 import style from './index.module.scss'
 
 interface Params {
@@ -13,7 +14,9 @@ const CloseBtn = ({ onClose, styleObj = {} }: Params) => {
       className={style.icon_a_cuowuwrong_self}
       onClick={onClose}
     >
-      <Text className={`iconfont icon-qingkong ${style.icon_a_btn}`}></Text>
+      <View className={style.icon_a_btn}>
+        <IconFont name="icon-qingchuxinxi" size={40} color="#acacac"></IconFont>
+      </View>
     </View>
   )
 }