feat

src/layouts/TabBar.jsx

@@ -20,6 +20,7 @@ import checkIcon from "@/assets/tabbar/evaluation.png";
 import checkActiveIcon from "@/assets/tabbar/evaluation click.png";
 import mineIcon from "@/assets/tabbar/my.png";
 import mineActiveIcon from "@/assets/tabbar/my click.png";
+import suishoupaiIcon from '@/assets/image/suishoupai.png';
 
 const home = {
   name: "home",
@@ -45,8 +46,8 @@ const issue = {
 const feedback = {
   name: "feedback",
   label: "随手拍",
-  icon: issueIcon,
-  activeIcon: issueActiveIcon,
+  icon: suishoupaiIcon,
+  activeIcon: suishoupaiIcon,
   page: "/pages/feedback/issue/index",
 };
 const check = {
@@ -106,28 +107,54 @@ export default (props) => {
       active={active}
       onChange={onChange}
       >
-        {tabItems.map((item) => (
-          <TabbarItem
-            key={item.name}
-            name={item.name}
-            renderIcon={
-              <Image
-                src={item.icon}
-                mode="aspectFit"
-                style="width: 20px; height: 20px;"
-              ></Image>
-            }
-            renderIconActive={
-              <Image
-                src={item.activeIcon}
-                mode="aspectFit"
-                style="width: 20px; height: 20px;"
-              ></Image>
-            }
-          >
-            <View style={{ fontSize: "14px" }}>{item.label}</View>
-          </TabbarItem>
-        ))}
+        {tabItems.map((item) => {
+          if (item.name == 'feedback') {
+            return (
+              <TabbarItem
+                key={item.name}
+                name={item.name}
+                renderIcon={
+                  <Image
+                    src={item.icon}
+                    mode="aspectFit"
+                    style="width: 40px; height: 40px;"
+                  ></Image>
+                }
+                renderIconActive={
+                  <Image
+                    src={item.activeIcon}
+                    mode="aspectFit"
+                    style="width: 40px; height: 40px;"
+                  ></Image>
+                }
+              >
+              </TabbarItem>
+            )
+          } else {
+            return (
+              <TabbarItem
+                key={item.name}
+                name={item.name}
+                renderIcon={
+                  <Image
+                    src={item.icon}
+                    mode="aspectFit"
+                    style="width: 20px; height: 20px;"
+                  ></Image>
+                }
+                renderIconActive={
+                  <Image
+                    src={item.activeIcon}
+                    mode="aspectFit"
+                    style="width: 20px; height: 20px;"
+                  ></Image>
+                }
+              >
+                <View style={{ fontSize: "14px" }}>{item.label}</View>
+              </TabbarItem>
+            )
+          }
+        })}
     </Tabbar>
   );
 };