|
@@ -20,6 +20,7 @@ import checkIcon from "@/assets/tabbar/evaluation.png";
|
20
|
20
|
import checkActiveIcon from "@/assets/tabbar/evaluation click.png";
|
21
|
21
|
import mineIcon from "@/assets/tabbar/my.png";
|
22
|
22
|
import mineActiveIcon from "@/assets/tabbar/my click.png";
|
|
23
|
+import suishoupaiIcon from '@/assets/image/suishoupai.png';
|
23
|
24
|
|
24
|
25
|
const home = {
|
25
|
26
|
name: "home",
|
|
@@ -45,8 +46,8 @@ const issue = {
|
45
|
46
|
const feedback = {
|
46
|
47
|
name: "feedback",
|
47
|
48
|
label: "随手拍",
|
48
|
|
- icon: issueIcon,
|
49
|
|
- activeIcon: issueActiveIcon,
|
|
49
|
+ icon: suishoupaiIcon,
|
|
50
|
+ activeIcon: suishoupaiIcon,
|
50
|
51
|
page: "/pages/feedback/issue/index",
|
51
|
52
|
};
|
52
|
53
|
const check = {
|
|
@@ -106,28 +107,54 @@ export default (props) => {
|
106
|
107
|
active={active}
|
107
|
108
|
onChange={onChange}
|
108
|
109
|
>
|
109
|
|
- {tabItems.map((item) => (
|
110
|
|
- <TabbarItem
|
111
|
|
- key={item.name}
|
112
|
|
- name={item.name}
|
113
|
|
- renderIcon={
|
114
|
|
- <Image
|
115
|
|
- src={item.icon}
|
116
|
|
- mode="aspectFit"
|
117
|
|
- style="width: 20px; height: 20px;"
|
118
|
|
- ></Image>
|
119
|
|
- }
|
120
|
|
- renderIconActive={
|
121
|
|
- <Image
|
122
|
|
- src={item.activeIcon}
|
123
|
|
- mode="aspectFit"
|
124
|
|
- style="width: 20px; height: 20px;"
|
125
|
|
- ></Image>
|
126
|
|
- }
|
127
|
|
- >
|
128
|
|
- <View style={{ fontSize: "14px" }}>{item.label}</View>
|
129
|
|
- </TabbarItem>
|
130
|
|
- ))}
|
|
110
|
+ {tabItems.map((item) => {
|
|
111
|
+ if (item.name == 'feedback') {
|
|
112
|
+ return (
|
|
113
|
+ <TabbarItem
|
|
114
|
+ key={item.name}
|
|
115
|
+ name={item.name}
|
|
116
|
+ renderIcon={
|
|
117
|
+ <Image
|
|
118
|
+ src={item.icon}
|
|
119
|
+ mode="aspectFit"
|
|
120
|
+ style="width: 40px; height: 40px;"
|
|
121
|
+ ></Image>
|
|
122
|
+ }
|
|
123
|
+ renderIconActive={
|
|
124
|
+ <Image
|
|
125
|
+ src={item.activeIcon}
|
|
126
|
+ mode="aspectFit"
|
|
127
|
+ style="width: 40px; height: 40px;"
|
|
128
|
+ ></Image>
|
|
129
|
+ }
|
|
130
|
+ >
|
|
131
|
+ </TabbarItem>
|
|
132
|
+ )
|
|
133
|
+ } else {
|
|
134
|
+ return (
|
|
135
|
+ <TabbarItem
|
|
136
|
+ key={item.name}
|
|
137
|
+ name={item.name}
|
|
138
|
+ renderIcon={
|
|
139
|
+ <Image
|
|
140
|
+ src={item.icon}
|
|
141
|
+ mode="aspectFit"
|
|
142
|
+ style="width: 20px; height: 20px;"
|
|
143
|
+ ></Image>
|
|
144
|
+ }
|
|
145
|
+ renderIconActive={
|
|
146
|
+ <Image
|
|
147
|
+ src={item.activeIcon}
|
|
148
|
+ mode="aspectFit"
|
|
149
|
+ style="width: 20px; height: 20px;"
|
|
150
|
+ ></Image>
|
|
151
|
+ }
|
|
152
|
+ >
|
|
153
|
+ <View style={{ fontSize: "14px" }}>{item.label}</View>
|
|
154
|
+ </TabbarItem>
|
|
155
|
+ )
|
|
156
|
+ }
|
|
157
|
+ })}
|
131
|
158
|
</Tabbar>
|
132
|
159
|
);
|
133
|
160
|
};
|