diff --git a/view/peko/activity/2024-aprilFoolsDay/css/index.css b/view/peko/activity/2024-aprilFoolsDay/css/index.css
new file mode 100644
index 0000000..586bfef
--- /dev/null
+++ b/view/peko/activity/2024-aprilFoolsDay/css/index.css
@@ -0,0 +1,40 @@
+html,
+body {
+  width: 100%;
+  background: #63063E;
+}
+
+.back {
+  position: fixed;
+  top: 0.93333rem;
+  left: 0.45333rem;
+  z-index: 99;
+  width: 0.82667rem;
+  height: 0.82667rem;
+}
+
+.back img {
+  width: 100%;
+  height: 100%;
+}
+
+.back p {
+  color: #fff;
+  font-size: 0.42667rem;
+  position: absolute;
+  width: 9rem;
+  left: 0;
+  top: 0;
+  height: 100%;
+  text-align: center;
+  line-height: 0.82667rem;
+}
+
+.header {
+  width: 10rem;
+  height: 13.2rem;
+  position: fixed;
+  margin: 0 auto 0;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
diff --git a/view/peko/activity/2024-aprilFoolsDay/css/index.scss b/view/peko/activity/2024-aprilFoolsDay/css/index.scss
new file mode 100644
index 0000000..20aa07e
--- /dev/null
+++ b/view/peko/activity/2024-aprilFoolsDay/css/index.scss
@@ -0,0 +1,45 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    // background: radial-gradient(circle, #32140C 0%, #05040A 100%);
+    background: #63063E;
+}
+
+.back {
+    position: fixed;
+    top: px2rem(70);
+    left: px2rem(34);
+    z-index: 99;
+    width: px2rem(62);
+    height: px2rem(62);
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+
+    p {
+        color: #fff;
+        font-size: px2rem(32);
+        position: absolute;
+        width: 9rem;
+        left: 0;
+        top: 0;
+        height: 100%;
+        text-align: center;
+        line-height: px2rem(62);
+    }
+}
+
+.header{
+    width: px2rem(750);
+    height: px2rem(990);
+    position: fixed;
+    margin: 0 auto 0;
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+}
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/header.png b/view/peko/activity/2024-aprilFoolsDay/images/header.png
new file mode 100644
index 0000000..9aa7510
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/header.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/logo.png b/view/peko/activity/2024-aprilFoolsDay/images/logo.png
new file mode 100644
index 0000000..e428641
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/logo.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/qualifyGift_icon.png b/view/peko/activity/2024-aprilFoolsDay/images/qualifyGift_icon.png
new file mode 100644
index 0000000..c15e330
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/qualifyGift_icon.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/rule_icon.png b/view/peko/activity/2024-aprilFoolsDay/images/rule_icon.png
new file mode 100644
index 0000000..6c5222e
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/rule_icon.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/tab2.png b/view/peko/activity/2024-aprilFoolsDay/images/tab2.png
new file mode 100644
index 0000000..fb9e449
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/tab2.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/tab3.png b/view/peko/activity/2024-aprilFoolsDay/images/tab3.png
new file mode 100644
index 0000000..c265f31
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/tab3.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/tab4.png b/view/peko/activity/2024-aprilFoolsDay/images/tab4.png
new file mode 100644
index 0000000..ba323d0
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/tab4.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/tabAct1.png b/view/peko/activity/2024-aprilFoolsDay/images/tabAct1.png
new file mode 100644
index 0000000..2d9d00a
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/tabAct1.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/images/travel/back.png b/view/peko/activity/2024-aprilFoolsDay/images/travel/back.png
new file mode 100644
index 0000000..7b81adb
Binary files /dev/null and b/view/peko/activity/2024-aprilFoolsDay/images/travel/back.png differ
diff --git a/view/peko/activity/2024-aprilFoolsDay/index.html b/view/peko/activity/2024-aprilFoolsDay/index.html
new file mode 100644
index 0000000..e13e556
--- /dev/null
+++ b/view/peko/activity/2024-aprilFoolsDay/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>愚乐派对</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css?v=1.0">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        
+    </div>
+</body>
+
+</html>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./js/index.js"></script>
\ No newline at end of file
diff --git a/view/peko/activity/2024-aprilFoolsDay/js/index.js b/view/peko/activity/2024-aprilFoolsDay/js/index.js
new file mode 100644
index 0000000..30860f2
--- /dev/null
+++ b/view/peko/activity/2024-aprilFoolsDay/js/index.js
@@ -0,0 +1,72 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+const showLoading = (content = '加載中...') => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success (e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = '操作完成', time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+// 初始化函數
+$(function () {
+    getInfoFromClient()
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+    }, 100)
+})
+
+// 獲取接口
+function get () {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '',
+        success (res) {
+            if (res.code === 200) {
+
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網路錯誤，請退出重進')
+        }
+    })
+}
\ No newline at end of file