首页开发

src/components/closeBtn/index.module.scss

@@ -0,0 +1,12 @@
+.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;
+}

src/components/closeBtn/index.tsx

@@ -0,0 +1,18 @@
+import { View } from "@tarojs/components"
+import { memo } from "react"
+import style from "./index.module.scss"
+
+type Params = {
+    onClose?: () => void,
+    styleObj?: Object
+}
+
+export default memo(({onClose, styleObj = {}}:Params) => {
+    return (
+        <View 
+            style={styleObj}
+            className={`iconfont icon-a-cuowuwrong ${style.icon_a_cuowuwrong_self}`}
+            onClick={onClose}
+        ></View>
+    )
+})