diff --git a/assets/images/exam.png b/assets/images/exam.png
new file mode 100644
index 0000000..9f922ff
Binary files /dev/null and b/assets/images/exam.png differ
diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..6f19da2
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/assets/images/star.png b/assets/images/star.png
new file mode 100644
index 0000000..20729ff
Binary files /dev/null and b/assets/images/star.png differ
diff --git a/screeens/HomeTab/index.jsx b/screeens/HomeTab/index.jsx
index df0a754..7848fc9 100644
--- a/screeens/HomeTab/index.jsx
+++ b/screeens/HomeTab/index.jsx
@@ -2,8 +2,8 @@ import React, { useState, useEffect, useCallback } from "react";
import { Image, TouchableOpacity, View } from "react-native";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import Stream from "../Stream";
-// import { Badge } from "@rneui/themed";
-// import NoticeDetail from "../NoticeDetail";
+import { Badge } from "@rneui/themed";
+import NoticeDetail from "../NoticeDetail";
import My from "../My";
import Posts from "../Posts";
import Space from "../Space";
diff --git a/screeens/NoticeDetail/NoticeNav/index.jsx b/screeens/NoticeDetail/NoticeNav/index.jsx
index 0091ec4..6f76319 100644
--- a/screeens/NoticeDetail/NoticeNav/index.jsx
+++ b/screeens/NoticeDetail/NoticeNav/index.jsx
@@ -3,15 +3,18 @@ import {
TouchableOpacity,
Image as NativeImage,
Text,
+ Animated,
} from "react-native";
-import React, { useState, useEffect, useCallback } from "react";
+import React, { useState, useEffect, useRef } from "react";
import { useTailwind } from "tailwind-rn";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { Badge } from "@rneui/themed";
+import { Icon } from "@rneui/themed";
import baseRequest from "../../../utils/baseRequest";
import { generateSignature } from "../../../utils/crypto";
export default function Message({ navigation }) {
const [data, setData] = useState([]);
+ const [openNotices, setOpenNotices] = useState(false);
const tailwind = useTailwind();
const insets = useSafeAreaInsets();
useEffect(() => {
@@ -36,22 +39,23 @@ export default function Message({ navigation }) {
body: JSON.stringify(body),
}
);
- const detailResponse = await fetch(
- `${apiUrl}/api/contact_customer_service_session/list_by_mid?signature=${signature}`,
- {
- method: "POST",
- headers: {
- "Content-Type": "application/json",
- },
- body: JSON.stringify({
- ...base,
- mid: base.b_mid,
- }),
- }
- );
- const detailData = await detailResponse.json();
- console.log(detailData);
- const session_id = detailData.data.session.id;
+ // const detailResponse = await fetch(
+ // `${apiUrl}/api/contact_customer_service_session/list_by_mid?signature=${signature}`,
+ // {
+ // method: "POST",
+ // headers: {
+ // "Content-Type": "application/json",
+ // },
+ // body: JSON.stringify({
+ // ...base,
+ // mid: base.b_mid,
+ // }),
+ // }
+ // );
+ // console.log("xxxx", detailResponse);
+ // const detailData = await detailResponse.json();
+ // console.log(detailData);
+ // const session_id = detailData.data.session.id;
// const message_response = await fetch(
// `${apiUrl}/api/contact_customer_service/query_unread_num?signature=${signature}`,
// {
@@ -63,7 +67,9 @@ export default function Message({ navigation }) {
// }
// );
// console.log(JSON.stringify({ ...base, session_id }));
+ console.log("cccc", notice_response);
const notice_data = await notice_response.json();
+ console.log("xxxx", notice_data);
// const message_data = await message_response.json();
// const _data = await _response.json();
// if (_data.ret === -1) {
@@ -80,216 +86,359 @@ export default function Message({ navigation }) {
console.error(error);
}
};
+ const fadeAnimOne = useRef(new Animated.Value(-44)).current;
+ const fadeAnimTwo = useRef(new Animated.Value(8)).current;
+ const fadeAnimThree = useRef(new Animated.Value(20)).current;
+ const fadeAnimFour = useRef(new Animated.Value(50)).current;
+ const fadeAnimUpBtn = useRef(new Animated.Value(0)).current;
+ const fadeAnimShadow = useRef(new Animated.Value(0.8)).current;
+ const fadeAnimShadowTwo = useRef(new Animated.Value(0.5)).current;
+ const fadeIn = (object, toValue) => {
+ // Will change fadeAnim value to 1 in 5 seconds
+ Animated.timing(object, {
+ toValue,
+ duration: 400,
+ useNativeDriver: true,
+ }).start();
+ };
+ const fadeInBack = (object, toValue) => {
+ // Will change fadeAnim value to 1 in 5 seconds
+ Animated.timing(object, {
+ toValue,
+ duration: 400,
+ useNativeDriver: true,
+ }).start();
+ };
return (
{/* 广告轮播 */}
+ {/* 搜索清楚 */}
+
+ navigation.navigate("Search")}
+ >
+
+ 搜索Ta的昵称或id
+
+
+
+
+
+
+
{/* 官方消息 */}
- navigation.navigate("SystemNotice")}
+
-
-
-
-
-
-
-
- 系统通知
-
-
- 官方
-
-
-
- 官方消息通知
-
-
-
+
+ 官方消息
+
+ {
+ fadeInBack(fadeAnimFour, 50);
+ fadeInBack(fadeAnimThree, 20);
+ fadeInBack(fadeAnimTwo, 8);
+ fadeInBack(fadeAnimOne, -44);
+ fadeInBack(fadeAnimUpBtn, 0);
+ fadeInBack(fadeAnimShadow, 0.8);
+ fadeInBack(fadeAnimShadowTwo, 0.5);
+ setOpenNotices(false);
+ }}
style={{
- ...tailwind("w-12 flex flex-col items-start"),
- width: 60,
+ ...tailwind("flex justify-center py-1 px-4 rounded-full mb-2"),
+ backgroundColor: "#FF669E1a",
}}
>
-
- 11:00
-
-
-
-
-
- navigation.navigate("ActiveNotice")}
- style={{
- ...tailwind("flex flex-row items-center py-4 rounded-xl"),
- backgroundColor: "#ffffff1a",
- }}
- >
-
-
+
+
+
+
-
-
-
- 活动消息
-
-
+
+ navigation.navigate("SystemNotice")}
style={{
- ...tailwind("font-medium mr-2 px-1 rounded-full"),
- backgroundColor: "#ffffff6d",
+ ...tailwind("relative"),
}}
>
- 官方
-
-
-
- 展示相关活动推送信息
-
+ navigation.navigate("SystemNotice")}
+ />
+
+
+
+
+
+
+
-
+
+
+
+ navigation.navigate("SystemNotice")}
>
-
- 11:00
-
- {/* navigation.navigate("SystemNotice")}
+ />
+
-
- 99
-
- */}
-
-
-
-
-
- {/* 私聊消息 */}
-
-
- navigation.navigate("MessageDetail", {
- mid: 1,
- })
- }
+
+
+
+
+
+
+
-
-
-
-
-
-
-
- 铁粉空间官网
-
-
- 官方客服
-
-
-
- 请回复您的相关消息
-
-
-
+ {
+ if (!openNotices) {
+ fadeIn(fadeAnimFour, 214);
+ fadeIn(fadeAnimThree, 184);
+ fadeIn(fadeAnimTwo, 114);
+ fadeIn(fadeAnimOne, 0);
+ fadeIn(fadeAnimUpBtn, 1);
+ fadeIn(fadeAnimShadow, 0);
+ fadeIn(fadeAnimShadowTwo, 0);
+ setOpenNotices(true);
+ } else {
+ navigation.navigate("SystemNotice");
+ }
}}
>
-
- 11:00
-
- navigation.navigate("SystemNotice")}
/>
-
-
-
+
+
+
+ {/* 私聊消息 */}
+
+
+ navigation.navigate("SystemNotice")}
+ />
+
+
);
}
+
+const MessageItem = ({
+ title,
+ newestContent,
+ time,
+ count,
+ backgroundColor,
+ paddingVertical,
+ navigation,
+ badge,
+ icon,
+}) => {
+ const tailwind = useTailwind();
+ return (
+
+
+
+
+
+
+
+
+ {title}
+
+ {badge && (
+
+ {badge}
+
+ )}
+
+
+ {newestContent}
+
+
+
+
+ {time}
+
+
+
+
+
+ );
+};