From aff4457858976ec93818caed12ddf26c54ef1223 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E4=BD=B3=E6=85=A7?= <2488672761@qq.com>
Date: Fri, 11 Oct 2024 01:43:38 +0800
Subject: [PATCH] Initial commit on main branch

---
 .eslintrc.js                                  |  31 ++++
 app.js                                        |  80 ++++++++++
 app.json                                      |  52 +++++++
 app.wxss                                      |  10 ++
 assets/icon-created-active.png                | Bin 0 -> 9279 bytes
 assets/icon-created.png                       | Bin 0 -> 8445 bytes
 assets/icon-participated-active.png           | Bin 0 -> 6807 bytes
 assets/icon-participated.png                  | Bin 0 -> 5143 bytes
 assets/icon-store-active.png                  | Bin 0 -> 5123 bytes
 assets/icon-store.png                         | Bin 0 -> 3899 bytes
 instruction.md                                |  12 ++
 pages/activityDetail/activityDetail.js        |  39 +++++
 pages/activityDetail/activityDetail.wxml      |  17 ++
 pages/activityDetail/activityDetail.wxss      |  63 ++++++++
 pages/createActivity/createActivity.js        |  51 ++++++
 pages/createActivity/createActivity.wxml      |  27 ++++
 pages/createActivity/createActivity.wxss      |  70 +++++++++
 pages/created/created.js                      |  27 ++++
 pages/created/created.json                    |   3 +
 pages/created/created.wxml                    |  18 +++
 pages/created/created.wxss                    |  64 ++++++++
 pages/index/index.js                          |  49 ++++++
 pages/index/index.json                        |   4 +
 pages/index/index.wxml                        |  27 ++++
 pages/index/index.wxss                        |  62 ++++++++
 pages/login/login.js                          |  41 +++++
 pages/login/login.wxml                        |   7 +
 pages/login/login.wxss                        |  30 ++++
 pages/logs/logs.js                            |  18 +++
 pages/logs/logs.json                          |   4 +
 pages/logs/logs.wxml                          |   6 +
 pages/logs/logs.wxss                          |  16 ++
 pages/myCreated/myCreated.js                  |  32 ++++
 pages/myCreated/myCreated.wxml                |  12 ++
 pages/myCreated/myCreated.wxss                |  40 +++++
 pages/myParticipated/myParticipated.js        |  22 +++
 pages/myParticipated/myParticipated.wxml      |   8 +
 pages/myParticipated/myParticipated.wxss      |  21 +++
 pages/participated/participated.js            |  52 +++++++
 pages/participated/participated.json          |   3 +
 pages/participated/participated.wxml          |   9 ++
 pages/participated/participated.wxss          |  92 +++++++++++
 .../participatedDetail/participatedDetail.js  | 147 ++++++++++++++++++
 .../participatedDetail.json                   |   3 +
 .../participatedDetail.wxml                   |  27 ++++
 .../participatedDetail.wxss                   |  95 +++++++++++
 pages/store/store.js                          |  60 +++++++
 pages/store/store.wxml                        |  24 +++
 pages/store/store.wxss                        |  71 +++++++++
 pages/test/test.js                            |   6 +
 pages/test/test.json                          |   3 +
 pages/test/test.wxml                          |   1 +
 pages/test/test.wxss                          |   3 +
 project.config.json                           |  29 ++++
 project.private.config.json                   |   7 +
 sitemap.json                                  |   7 +
 utils/util.js                                 |  19 +++
 57 files changed, 1621 insertions(+)
 create mode 100644 .eslintrc.js
 create mode 100644 app.js
 create mode 100644 app.json
 create mode 100644 app.wxss
 create mode 100644 assets/icon-created-active.png
 create mode 100644 assets/icon-created.png
 create mode 100644 assets/icon-participated-active.png
 create mode 100644 assets/icon-participated.png
 create mode 100644 assets/icon-store-active.png
 create mode 100644 assets/icon-store.png
 create mode 100644 instruction.md
 create mode 100644 pages/activityDetail/activityDetail.js
 create mode 100644 pages/activityDetail/activityDetail.wxml
 create mode 100644 pages/activityDetail/activityDetail.wxss
 create mode 100644 pages/createActivity/createActivity.js
 create mode 100644 pages/createActivity/createActivity.wxml
 create mode 100644 pages/createActivity/createActivity.wxss
 create mode 100644 pages/created/created.js
 create mode 100644 pages/created/created.json
 create mode 100644 pages/created/created.wxml
 create mode 100644 pages/created/created.wxss
 create mode 100644 pages/index/index.js
 create mode 100644 pages/index/index.json
 create mode 100644 pages/index/index.wxml
 create mode 100644 pages/index/index.wxss
 create mode 100644 pages/login/login.js
 create mode 100644 pages/login/login.wxml
 create mode 100644 pages/login/login.wxss
 create mode 100644 pages/logs/logs.js
 create mode 100644 pages/logs/logs.json
 create mode 100644 pages/logs/logs.wxml
 create mode 100644 pages/logs/logs.wxss
 create mode 100644 pages/myCreated/myCreated.js
 create mode 100644 pages/myCreated/myCreated.wxml
 create mode 100644 pages/myCreated/myCreated.wxss
 create mode 100644 pages/myParticipated/myParticipated.js
 create mode 100644 pages/myParticipated/myParticipated.wxml
 create mode 100644 pages/myParticipated/myParticipated.wxss
 create mode 100644 pages/participated/participated.js
 create mode 100644 pages/participated/participated.json
 create mode 100644 pages/participated/participated.wxml
 create mode 100644 pages/participated/participated.wxss
 create mode 100644 pages/participatedDetail/participatedDetail.js
 create mode 100644 pages/participatedDetail/participatedDetail.json
 create mode 100644 pages/participatedDetail/participatedDetail.wxml
 create mode 100644 pages/participatedDetail/participatedDetail.wxss
 create mode 100644 pages/store/store.js
 create mode 100644 pages/store/store.wxml
 create mode 100644 pages/store/store.wxss
 create mode 100644 pages/test/test.js
 create mode 100644 pages/test/test.json
 create mode 100644 pages/test/test.wxml
 create mode 100644 pages/test/test.wxss
 create mode 100644 project.config.json
 create mode 100644 project.private.config.json
 create mode 100644 sitemap.json
 create mode 100644 utils/util.js

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..115cc02
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,31 @@
+/*
+ * Eslint config file
+ * Documentation: https://eslint.org/docs/user-guide/configuring/
+ * Install the Eslint extension before using this feature.
+ */
+module.exports = {
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
+  ecmaFeatures: {
+    modules: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  globals: {
+    wx: true,
+    App: true,
+    Page: true,
+    getCurrentPages: true,
+    getApp: true,
+    Component: true,
+    requirePlugin: true,
+    requireMiniProgram: true,
+  },
+  // extends: 'eslint:recommended',
+  rules: {},
+}
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..639f081
--- /dev/null
+++ b/app.js
@@ -0,0 +1,80 @@
+// app.js
+App({
+  onLaunch() {
+    // 监听页面不存在的情况
+    wx.onPageNotFound(function(res) {
+      console.error('Page not found:', res);
+      wx.redirectTo({
+        url: 'pages/participated/participated'
+      })
+    })
+
+    // 获取本地存储的用户信息
+    const userInfo = wx.getStorageSync('userInfo')
+    if (userInfo) {
+      this.globalData.userInfo = userInfo
+      this.globalData.isLoggedIn = true
+    }
+
+    // 获取本地存储的积分
+    const score = wx.getStorageSync('score')
+    if (score) {
+      this.globalData.score = score
+    }
+  },
+
+  onShow(options) {
+    // 小程序从后台进入前台时触发
+    console.log('小程序显示', options)
+  },
+
+  onHide() {
+    // 小程序从前台进入后台时触发
+    console.log('小程序隐藏')
+  },
+
+  globalData: {
+    userInfo: null,
+    isLoggedIn: false,
+    token: '',
+    score: 0,
+    activities: [],
+    participatedActivities: []
+  },
+
+  // 全局方法
+  setUserInfo(userInfo) {
+    this.globalData.userInfo = userInfo
+    this.globalData.isLoggedIn = true
+    wx.setStorageSync('userInfo', userInfo)
+  },
+
+  clearUserInfo() {
+    this.globalData.userInfo = null
+    this.globalData.isLoggedIn = false
+    this.globalData.token = ''
+    wx.removeStorageSync('userInfo')
+  },
+
+  updateScore(delta) {
+    this.globalData.score += delta
+    wx.setStorageSync('score', this.globalData.score)
+  },
+
+  addActivity(activity) {
+    this.globalData.activities.push(activity)
+  },
+
+  addParticipatedActivity(activity) {
+    this.globalData.participatedActivities.push(activity)
+  },
+
+  // 模拟随机点名
+  randomNameCall(activityId) {
+    // 这里应该根据 activityId 获取对应活动的参与者列表
+    // 为了演示，我们使用一个固定的名单
+    const participants = ['张三', '李四', '王五', '赵六', '钱七']
+    const randomIndex = Math.floor(Math.random() * participants.length)
+    return participants[randomIndex]
+  }
+})
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..09573a8
--- /dev/null
+++ b/app.json
@@ -0,0 +1,52 @@
+{
+  "pages": [
+    "pages/login/login",
+    "pages/created/created",
+    "pages/participated/participated",
+    "pages/store/store",
+    "pages/createActivity/createActivity",
+    "pages/participatedDetail/participatedDetail",
+    "pages/test/test"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "点名小程序",
+    "navigationBarTextStyle": "black"
+  },
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#0d94ff",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/created/created",
+        "text": "我创建的",
+        "iconPath": "assets/icon-created.png",
+        "selectedIconPath": "assets/icon-created-active.png"
+      },
+      {
+        "pagePath": "pages/participated/participated",
+        "text": "我参与的",
+        "iconPath": "assets/icon-participated.png",
+        "selectedIconPath": "assets/icon-participated-active.png"
+      },
+      {
+        "pagePath": "pages/store/store",
+        "text": "商店",
+        "iconPath": "assets/icon-store.png",
+        "selectedIconPath": "assets/icon-store-active.png"
+      }
+    ]
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json",
+  "networkTimeout": {
+    "request": 10000
+  },
+  "permission": {
+    "scope.userLocation": {
+      "desc": "你的位置信息将用于小程序位置接口的效果展示"
+    }
+  }
+}
\ No newline at end of file
diff --git a/app.wxss b/app.wxss
new file mode 100644
index 0000000..06c6fc9
--- /dev/null
+++ b/app.wxss
@@ -0,0 +1,10 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 
diff --git a/assets/icon-created-active.png b/assets/icon-created-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..066944858472ef3244087de1d19054f19bc7a28f
GIT binary patch
literal 9279
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

literal 0
HcmV?d00001

diff --git a/assets/icon-created.png b/assets/icon-created.png
new file mode 100644
index 0000000000000000000000000000000000000000..11cf8d18d0e451df7459838e3e6004489a00b1ca
GIT binary patch
literal 8445
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

literal 0
HcmV?d00001

diff --git a/assets/icon-participated-active.png b/assets/icon-participated-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0e2f089a50a734f8111f9648e3266728e7d5579
GIT binary patch
literal 6807
zcmV;I8ffK-P)<h;3K|Lk000e1NJLTq0077U0077c1^@s6tyr#}00001b5ch_0Itp)
z=>Py4QAtEWRCr$PT?@1uRn`9X<hB&#(M(zp!2;e)E^S51OF$6Of+7X`v*f8L^3dB%
z+A1jj52&<=fC};`&7?(;HwXwKpq7`sK@lk^wY`~KD1r!bGr8qixHq%^HJ8>^N}EiQ
zGc#wBleJh2$Ufix_P5V>CzH%MhoD}uP(aW3&1FjLNZ@@zbgMheR}RiH?vDle7?Y$J
zbMF}Hx@A8DVDdT&KG89a3p+-L2ntmOi9qy5QtFny9Kbf~8^g?BspK-(H-f2R{VSjh
z;$N%KBa@bWB>`WrnV9*{PA;=Y=;S&ip)!c1jn)hO$AR6;{LoWZ5kD$57o!Z)oNj@R
z8o!|5sJd>kfh2c1rtyUa;#H_m1(ZR23KeFUZrR*uKGw8pl^NZ?Z*-iBudRSGh-5QF
zx9mp%e5wgrH#w$pcoXB)kQxdogGe+zl9qio0jD-giP`;hCD-$Cv*Xpc4=SJxBFU^s
zTE%Gux}!xpmpP_!LW>w`_!<f*gGewPk_-DMP}O~20F|n%xw{O`=y_TImVyAF3?jia
z&@KBF0GkV<a=v34-xY+_@i59D5l;c#vTp=%m_Qnp1k)#9&815MF*_DY86?8i>z4f;
z02c_SK$z=fjWdMfb|9cKNJLFfS;hSrbayc6dAU|~_ZpbB{Y$~%cMhsDNS$7fTey5n
zcle!NP~t#<ClT;RFyB(nWv*y;nr!}yXSWz0s=nOpc%S3clfFKMsuiXTQbV0op>znq
z=Q5-F17Sp0IN9{E&GaB;*-tXCQ!`_Ik0Ctmu6$$P!4r2H^gTueez46-lXWZLEl>h!
zb86|sK)zxcGaJz`Rj~8SFdG@ubS&cpCujJ2;IZi(Z9Y(4LDp*UwwFIQ=C!wnuL1C7
zKfNd5`(@KO+fQt=U}uS8`H2-1!w)%$*QTO(*C8=@orj_fvPRE0z4QgWYiQ+fz}Tme
zsX#=>mb2-a_asTH@6!bB!A5XJ#4^!Qm2CP~BCt9ULm6aM*Y$kqqaeN$z{F-I0%_WQ
z<r&@gu50Yr%by#oy*>0#fHr9cyOl8n+)*}-gImGq<gv;i0LEF*_P7{+1fW#YlY#My
z#@apuGrK>qjzcflcY(2g)7UKz)PU&&rg2+~FdaF(;|(&lVDF?co)po20v2z$a?D;Y
zp7hbTSL5jg`+P7?6oKC?27#|Do0+dRJHC_0b+kc}`M$l0w1-4afHgnT=mq;YFr@ev
ziNO1p&CER_YwZNAjx|VXesOo!=ubg3naKO5%Ds|V`*RTZ&0rE}LD@`an;F~5V>;3x
zseExF6a6F5#xtG=t$(|oKy$Af{B3BM>dY`6iy(JwQ+Av|QiZ;)n6(#U+p*S&t4HA*
z)UTrqGCu#GjjOcc^#(O+pK!)2Zo>V7T2SS`r5$CEW_AnlFJ(+3iOzJg>C+o!t1qx8
z;a$Aw%r;(YbZngCJH{ZoWxoYr!#Fof5cgt&X`0^!Rjbylc<bCp_6BCqt<3HjgSpI8
zg7`=c(-8*I^Y+UiY$0_gLL|qGQ!6>+C-qY5dHV(s*0q(;pavY%2|qrzy+L%#_I}wm
z>P?1@dY|!x=2oZIT2Q51#a{wc>v8@!T;QNV(|DkrwQFmGBrW?10(NQV1~yw8fo7M@
z^u_BMpR|he2sEocHvh{dI(RT^EUq6L&xp1)h;G^5gNL7wXInyG&HSMI?wixsUQm_F
z+vhOhlm-|qsU|ReMX%A{z?j&CwxvN@-Jvix-D{QTS_`UDmVFunXEg!)$h*Th<c-<J
zt4)lRdPv(DBx%`46L7WEs>?&}4^CpmbZ<dbs!*EA%<KHf<&*9ooM9Y-*~U9Q<6{xl
zRt8BHiU$$X?Xgf^5|ZA6D$T`cCcd&&N(5X}HjS^fiX+qbwlPQ$Pv*+hsNlHp%>emY
zUhIcMBTJC|;6)wN76wTcN*@RFZwN?7EvU*55c8MIxy&u?phf%*GWWhNef(C7Ks2=-
z8qyv$(DTIZ7t6WK(zw?XdxPlt(nTPi9rs4GA^$ra(>NgRb;a5s$$YVwh!(`X32n^(
zLdP^BU2fc}wy`xxGT*;9k-G@MhguaujSo%%2K83V^d-S%2o^b(2HEudC3@GGQHucD
zEm(OJddmthUeky^H(;j!+A>xI0I@WPUMO7-=5IuxmrB`;0*pmY&iG<8L!%xOJA>%?
z;<rI`VbsE@{0%C=e7cj%oY~;0$iri0kmSWncc4V#et`7Il~V*7R)Ab>zw*p=?>^Zu
zSV#k6We`1Iya_~yhNO*3BU%B%V;j9aX6l+7>xoVw8ZR~mNm~6g2yQ{N017X31!A?c
zN-PXAZhn8p)%bpZw+y|VDxr7<h!1tLnVZD}i${!wK~j198YZZ{WySYDD#WE)Vrc3>
z@1%c6MZj-f=?$XKw~vD+$Nsi{MOAUW6u8VW4R5y;sb5kXB)PDE0u8$lO16ck)D4Xp
zxx*dPxJhQtQX3>?6)gs-4VPt}K`n8kM;$Z0S4$8950=&-$p!rflI#91;QAGO^a@CQ
zT(z_Y(XHZx0DU_8{wW3lEAUUPTHUkO9$f+FuL&=uL6Z66{}RzpqZCHv4pRX>&oMJ6
zhndlDF6j(1vPrUwhXEx07NO!|uRxVp+q0bO{)=ptNN13wWnV==TkVV?ThpcFLwvoH
z&3r{RZc-UU&-Wbx($tyWvdxl^_z>ujvYEa$q;$U0$YYQjIgxy|^f(cA_QhNUwVwiv
z2c4Yp8JP-`#vrLeaW*quB$GIbOZW;9FtcnL`S3HZJEIf^NiOW)jH>)+fO}*SM)8P7
z0Rs9*jlrHTA1B8?zfu?^W%ZrL(3;saIhro2tU)U<$1#l`1)anXe&hyOb?U5lp7>UN
z2&<S*P=KBva))+#edfe+)YV3Akfc>Qi@>KvEriN1mjcZEf0bP3XHm0?)F9)mWj!tu
z-qmBXsD)7ZWmACqM!oswF0Y)t<C{@3i_{=$+t4UmFMn<#{&qQ=nHMF~$P6-Wp}n(P
z#p3`HQ3{}P%d7zZ%^7FxjKirK70bvBqFcpt0s3B4g{!>rP=Mj~R?MErwl0mtAmc7u
zwu$>r;u!!F;?X9>GCBqLamUQ;9##HG45H`l<3YGIs-jiicqu?k$CPvFtD;~XjX~5A
z%~A9^zBwa&Mk{oKBn!*-B2IYgJ=9An;9mj45l+^)(f<H3k)azz&lfKOkvb7dO#eCw
z<u1oGz7Tf7p&De9`Abuyv@Y-F{KH`vs`ABO0S%ZwU>diDSxKk{NfzuZF|05PRJqzn
z0m6+=);J=}io!LBW#31@zF`)qa<!ELE+yQ_<=&oUVO15HK~nRJyR$}r3ac=cr#%%Q
z@DIyo=Eq@G7n(uzeBWG<HYcpYRGzj~;3>y6b_%Py@C;(v-qj<rUqt^aDAC{HR&Q}#
z?SAk7X$edL;2C#pSfZ;uttk-Z&3Y&Xk?7;qU0^!F$)#UdvqfX`#VH!mH2@~J);cvh
z3<Vgtx?&n%4<lD729f0B)ic8@-~G&MCrx(NCG4sV>mCEJX&Az*9IYroZ@HA1Jeb{X
zc`GP>#)e}M2|ivi(NUFby5^o+x@9i{5c-c%ej24>-md@?%u3b>{7AmQ4I;_MtIHkJ
zIIi9#OBL*Mm~l$IIQ7013f%0NM&Jj!25ykZKVC7vRPCaDR`eSE_1dairRxDcvR<5e
zUj_xJQpH={E6h(+f@BlCK_dQm#f)4fXVm@me%!+4Te{VuCjfjTNWm4hKm|fL3^Y)K
zME&uKfIG^jaj>73M1H07LsG@OPXPi7Wz#T&lqFDuM19VO-_4N67VMogriTIEC`hpt
zwrB;Y&oR^6i$+}&FHnP|Ec<o_4hph>^<&dLj+x%yPj1~RUJsDE_wXZ@WHAhPpNiS@
zP*Ai2GsxEGzp&w3V^+Q#)$a;^zSi|bO%_T=67%&z39N7fR)F0zoLtY`pt1yJkYu5F
z5HZ~z6!F@)^sr;5>z;4;k%doe^iFlNhZzX%*`8?hXy2>^JWw``z@88f%piK+J`aTN
zM$;NT&M`BW*UPOJ>^Wcr_SdIge)YZ}1(+tR{rHd|WCUjrtN1uTyNM#|7l(nrR!n2p
zdhzOO-Fgbe=zYcsPR_V22*!aJWaD}E_|aYXPY{HCVEWoRUtK+XC>fIw0<I~WMj+=}
z24avXZ+tb-t^;QJueExst{yR&`TlAC%Q20u{fGOH48$P1W&Z-e3I1t_isXkJGqX=U
zH1(rkJ%!@;zNTrr4b15Fo`ewk3dSJ$;<F&yPAF3!U<{m6F^!+r3SG6c%HPx@B|Zd=
zQ3wIwFPp~MqA3eE$Y$2_$pqeA=b8)A<k!Yyq8%#Pw70F$dS9u0>FZ2<Wzbv{ez*!S
zaDT-#J}Ww_aD$9n(7&tex_=Q(v_77{U(WS{eFGSW*T+*4F;k%In8rBKoP`@i&zFt>
zam|HEqKjCCccNn&7uLLb6#BMe)`|esGgkpMAxc=Sy1`ZhvnISGl7n!Aq%8Y120}lv
zHlb;mS7&tFwZutUrEd{<p-2H0mP85=4sf!@ogx_tH;8W8-mwP9izHbOi-5&t)7ZIQ
zT*|U<W5Czr@Aa_M`w}X^bh496pC^);aDybH**&rDlG^e4Qo2gq=k4?(Qb2_zj{*!_
zRWXfYL^2X?5Z$u>3E-n5N!G*ivw%Nk^&P{|uBeBl-jA;Wem_YxQlVIb%v~~C-+c5t
zjSvtK%T?_Ym08_?uZ5)-N*99p+amHQ3~3b@c1&ZGNOnRElFAn+GSNRo60C<sz&mBr
z7*j7!FW3)&QTJE&dN}HRxfLMhN#$H-sVJ604U)9_rxDycM3M7}^Q>bU-SuL1tN1!V
z8`q0d@5fsKCO){5%?O)=LJg8Clx8#YMWIT}{IHYD)Lb03>fuD8-;ak{qe|9@0^f8@
zL)ZbaLJg9%?6U|st&wU3#NObTM$Pr)$wFx_VpiuO3J_a%2+_wQ2sMaaC|(Gruy2IV
zcTA(^%EeT{{u(nPIYwCa3Ds`=m}q__o1P`AF0lrQ;xTt0i}uyy?V_ej3~&g)cCyA{
zqL>ObNXoLWW#B8K$oaxi2Jt0R=LGrNu*0t&LJg8E*tZg6y5HnN;*>#z$k;9*43sLS
zVTh_ns6lkAbT`2Ji6Z9<M;XMIOdS;ThGQC=h^kktLGt#aAnYlMoG%<@5MMHNQjlXB
z!sfLwAg=+sReTztPlVbG#?PIc@x59(b*uka!2M;Yyi~Ht6p+>+Da$S~Q1@4Dk;)O{
z+H%e~x)x??LH|^C-FrmlRao*WAgw`k%l<cj4~Hrp(Y;PKUGu(Y{DOX?>bl-aLiOqZ
z1!OkJiU>BVUgDU>$7}UHJ<s02>B7nmm>a4@01_LdGz@Se+%B=>n3+_)oVsN%21d?A
zSFbi#Kw^W~ZvgmE==u+1GiSE(TJ0Nk`vL&p37wlt7`g%y8>I9Sz*~l{h?e-gGvi}-
z*UFpB_a8;%UKctyl`wP#WH!h$fO|q$g!yzQmpQXm-f{E$Gp^=(Ytq%L%@vT?AkiFo
z0MPFoGhO$nH$87Z08*<8+uI*hbj-A{Khk1<D9jh{0nya(8^C2}+*4cN@WZRMa;FN#
z*~}E~g0Aqz=<tmG{#g1INwh(30ns6TlM9X0@F{18@mOtxjO?tq1i)rOb1N`;6d+vS
zWQ~(V5fW>VLg{iae?t_xMsS$utV%ZhgL-51ynPu6$JL8d@5fUCKU+XGQkhtT<VzQU
zcy=QM1jat&n8ptE@RAGq4<y(9UA;K<emoT*P1~<Lqx)V_?8O?yDxC>%-M`|Z$ghpV
zt~;$Vv*-8q@bw6<boIEY_ghnd6WTVF-fnO6LLo1)2FcsUgCJ~2iH0j=TIl4`GwO}g
zFR>?M2;QUlo7Rg}@5e|1qLofIy`f0PLJcx@esLd7qX$G1YzT|!->lKZN^iIKOjymA
zo-h6oL_ew*r{0f|0))RiSwrY@3!w%XpMUPdRT}o5=#A{<_a<%Y^B>*t?J?sYVPL1o
z$g0Gm6}Z$fjc<ws6>1QVm~PqLGf~2pJT_76QVe5{de3HgxJj$@MFQ8oXK8|i8WM#9
zjKiFq@oSN(g&QPkm7XB*E+R=bibYI6DCg3?4)IYRwHj4d-uR(}JO1_Fo&k{zg&Rb-
ziq`{FbEiX*1*{W`@QRD!JqEKAm;1?;wCvv!@FhR7Dn?cX#BTSqy2=0yVxIxvbO~gv
zyW`?&j`}=%61w0$4g3)acq<CcDKN(|4dGw92scR5vX3U<>gH+`I%-IBvB$tn<4HfL
z>ij}KD#;r|L{rPz^dCht6mAfGzC9TlYMxatx`_4S5gv51#%KKIOIr351VnoO<d>_8
zd!GUW&M>ydY(x0rO~MW0(blcvGJu3Va@^Wvper3S?d$olNVZOGtvEIMJq2!dOykfX
z#0bP7Ny|Q)fK!7Y+!Usd&E-ano$s3q(&jXkLk)^d0b-g}&ZXxEK_D1|6qfBpoRI1~
z4p(!h49@6zx|WC$ozNRZUpoks-U4HLCzpO9h@t~A$a^2NO3MM>CJ55aVe%V}nOW}-
zn5p^wQ(04+%QdHMl%x1pj+r?sC<cKUBxx1r5lGlUCL#o2;Qoqfe0FWDRY$bl3gD9>
z@+ge(6kwvGD%td}g31_}K~nSW>8!z<bW*)MlMrw_F)w$K*nlwH1Jb<bchqknQgzA~
znHR<+R&4)L@2+q8if$q(FoTTGFWI<Cqx%7D-UKf-L@7{L0Vd3^WQ{;Sr37Y>k^2y}
zFsW{nRX__0xcqr%W~SzTXf2?R3=PyEYI$p`?NQ^`rvL$q%cik&&<X`=kddp171dr@
zK})CbBUOMf*U1{*bAN%p0yjv~DxOTBp9NZl0`D{hUeXeyb{**5Ht@xHfg5COVd=IS
zcX`idg}<qFr%jtqsn_R|5hCOW+#u>^T|}D{#u^HQcJ&DSCVh2L>SkR{aA69Bc=ZU)
zAnIma*!1Xhpir+Kp&CS@g;bqB$>Ljo$XAb04dNwJYro?=Hzi;m`qd+JgN(h{-d9WD
zJ_*ED6yl~p1XqvH4Ki{S$=i7%m~rcm;v1m?j3+kTsO!_qkKHcxlZr$6ns-fUH(O|T
zYr}Yq2;(D^T&0ea0;C=4WV>&Uf^z5v8M%rS>{EzwP80>JoH0{?=n5yBJ~k@Wkr)K?
z><yBm@F+0?f7mQ4VO3rc3h;o2uDu7$k41L)YBUBJxr+23MC{%!LPmwrrV0>!&&j5L
z9%Xfr8N@3(mAB7f!YNS-pmNKp0E6zUnCZ_&%`Q@dVD5cg`W9Q?3sy%nM?Ddw%TGAK
z$r^V?%_~}i09bYCj(4V9SJYyt{IV!O=Q?Kke`R13xk1#oS~5%ni8v7b-pQt?$-+nq
zgN)pdSoUoU94w14iboU*(DPKS9#Eduvn-12>&hvOL6R5u??4In4geEm5l8U|Spnih
zooptO9|YG|sWb)|`KV<TrxD0AiF$RO0)d?G(W;D68D!P{NR}8@tA(lYF;akWqmwg^
zkdd);26^vFVxL98X)+3?I0;u^35IciGuwDkII;jhDGlP)rCatd0GuG8Mg<|W0+RgR
z5sQ0}wMnKd`?stP*OYmBx5kZef|D~YYYimW(b8T)R+p_?#k&F8FIX8Ade{mu;nYgj
z_(|A#8_g%ZK~~+9{Dy%4X|y;MFR22I3!I#BlBDe3M=KTv@ffEp`)US`j)SO*<N6g~
z;F^kQd@U{-#l|2bH|_=d5-_~8Jk%?O3NUb6#WbeJiF&LIvg+g3RRqN5FHoE&L$F-w
z9>+}YA8Zcs=&>`%sw>G2U>q)94uu$m0tCLUY-YY11a{Dvu{6ktNi5sj`u_Bw1ycB}
zDL}yY%cgO5Ybeo;j;%pfndC4Kod;(1fMaxXXuX-4adahTTq_|p-;`o)5U<KqzBrLJ
z%`?e?zN=P&fh)j_FI93z?Drgqy+KxYI+ZW}l!>HRg%<eilRLq`+$xS9oMqfEH%))+
z+QuLwR};%VnwftDqV4>Zuc8Di@RXLo@dLfalY((0gKH~;cq%3@Trz=1kN%;0&@tRO
z#h{B_jGD8;+@=z4=3uk6ok3R1mCP59A|lTy6N8no<I$G_@D@AW)Q(EDtwFqIZBZy~
z{x0+B1mxPWdC}Lzmn3*-&a1h}FGtTM7zS-^kpJGm7fOe?F8_c?ZFMSW8a>OvoQi2&
zBM47gn2s>Wi2B|pb>k=GnB18Jq^0eM{KPJG-Ju^3&YbkT{8U?K*f|DSrPZdFF44Q*
z9X%88eeBx2bqPBIff>I|bkRivz3GlR0IA~)vU)m?Ej+ia<_^zff_FvPpfjd<6IBvD
z0`NR1Yuwnx=-3bGScCl6DD(PuOpMaL#mq+nq{qIa;tD7dFt2PHd2x{OL+W^gtZv!3
zh0C{ehlh>?!P|aj_xQC^7-JjkURR|t7q#1O8qFxA46+W@yt7L**FBQoGfPKos?ETC
z1oyg)R+g`Q@uW|^-OOZa$1%zvHM*Kw*tb0o<492AK!A5^!wKLr;aYO5*EzZE7qwx1
zEtjMW;#0z8zJG5G?ljgg4U8Rp4wE#D`WSo*Xz031cG5GFl9Ym$GDs6`NG<4}%Ir=9
z(=>oHO+Z92gdPG{|Hy=UD`w9_5fF%FN@b81+cq{|oRR>hFwu?-Od(*3cP>ziup)*#
z1S|r(cXnxsMXzMj{}BP&X&A~N0d(A3#N|?ACjw6ayOTlMB!IUKAk_#Y0k1N!n1IDh
zcrroS;#X&M+d<{)BwS^Xkh;Caxley+c%zLc0oBRu8Rk9Xj3w}f42;3ZKQso+8-iB<
zHwFP31bC3~-oF!J5X^%h3~G$UF4JNsmwq9nGCD5J{{tSy1VMfB5;Xt-002ovPDHLk
FV1gxK;6eZZ

literal 0
HcmV?d00001

diff --git a/assets/icon-participated.png b/assets/icon-participated.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea54a893f6f67bf702f7842e241362897a81fdbf
GIT binary patch
literal 5143
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
FV1m_xXYv35

literal 0
HcmV?d00001

diff --git a/assets/icon-store-active.png b/assets/icon-store-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..474dc8574558c046ffbf83a90c61ef82d9d1bc6b
GIT binary patch
literal 5123
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

literal 0
HcmV?d00001

diff --git a/assets/icon-store.png b/assets/icon-store.png
new file mode 100644
index 0000000000000000000000000000000000000000..a65435bb391b2594351ceadd26e1939ebcad42c8
GIT binary patch
literal 3899
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

literal 0
HcmV?d00001

diff --git a/instruction.md b/instruction.md
new file mode 100644
index 0000000..dda8268
--- /dev/null
+++ b/instruction.md
@@ -0,0 +1,12 @@
+一个微信小程序
+1.你是一个经验丰富的ui设计师，风格简洁
+2.你现在已经在一个微信小程序的项目中，因此不需要生成目录结构
+3.做一个点名小程序
+4.首先需要一个登录页面，用户输入账号和密码，登陆成功后进入“我创建的”页面
+5.导航栏位于页面的底部，分别是我创建的，我参与的，商店
+6.“我创建的”页面上方有一个搜索框，下方有一个创建自定义按钮，点击“创建自定义”按钮可以进入创建活动页面，创建活动页面有活动名称，活动描述和上传xlsx文件，创建成功后返回“我创建的”页面，“我创建的”页面会出现一个活动组件，活动组件有活动名称和参与人数，点击活动组件可以进入活动详情页
+7.活动详情页有随机点名和回答问题两个按钮，点击随机点名按钮后，会随机抽取1个用户并显示在页面中，点击回答问题按钮会随机抽取1个用户并显示在页面中，按钮下方有加1分和减1分按钮，点击加一分按钮后，用户积分加一，点击减一分按钮后，用户积分减一
+8.点击“我参与的”可以找到我参与的活动，假设已经存在一个活动，活动名称是2024软件工程K班，活动人数为104人，点击此活动可以进入活动参与详情页，活动参与详情页有签到和“使用卡牌”两个按钮，点击“签到”按钮即可签到，“使用卡牌”按钮上方有一个显示框，会显示需要回答问题的用户
+9.点击商店按钮可以进入商店页面，商店页面有4个卡牌和需要积分的数量，点击购买按钮后积分减少，商店页面下方有一个猜题赢积分按钮，点击后会弹出一个弹窗，弹窗中有一个问题，用户输入答案后点击提交按钮，如果答案正确则积分加一
+10.背景颜色为#f4f3f3，按钮颜色为#0d94ff，按钮全部为圆角矩形
+11.主标题字号20px,副标题字号为16px，正文字号为14px，按钮标题为14px
\ No newline at end of file
diff --git a/pages/activityDetail/activityDetail.js b/pages/activityDetail/activityDetail.js
new file mode 100644
index 0000000..78cc939
--- /dev/null
+++ b/pages/activityDetail/activityDetail.js
@@ -0,0 +1,39 @@
+Page({
+  data: {
+    activity: null,
+    selectedUser: null
+  },
+
+  onLoad(options) {
+    const activityId = options.id;
+    this.fetchActivityDetails(activityId);
+  },
+
+  fetchActivityDetails(id) {
+    // 这里应该从后端 API 获取活动详情
+    const mockActivity = { id: 1, name: '软件工程课程', participants: 50 };
+    this.setData({ activity: mockActivity });
+  },
+
+  randomNameCall() {
+    // 这里应该从后端 API 获取随机用户
+    const randomUser = '张三';
+    this.setData({ selectedUser: randomUser });
+  },
+
+  randomQuestion() {
+    // 这里应该从后端 API 获取随机用户
+    const randomUser = '李四';
+    this.setData({ selectedUser: randomUser });
+  },
+
+  addScore() {
+    // 这里应该调用后端 API 增加用户积分
+    wx.showToast({ title: '积分已增加', icon: 'success' });
+  },
+
+  minusScore() {
+    // 这里应该调用后端 API 减少用户积分
+    wx.showToast({ title: '积分已减少', icon: 'success' });
+  }
+});
\ No newline at end of file
diff --git a/pages/activityDetail/activityDetail.wxml b/pages/activityDetail/activityDetail.wxml
new file mode 100644
index 0000000..9dc0b6d
--- /dev/null
+++ b/pages/activityDetail/activityDetail.wxml
@@ -0,0 +1,17 @@
+<view class="container">
+  <view class="activity-info">
+    <text class="activity-name">活动名称</text>
+    <text class="activity-participants">参与人数: 50</text>
+  </view>
+  <view class="action-buttons">
+    <button class="btn-action" bindtap="randomNameCall">随机点名</button>
+    <button class="btn-action" bindtap="randomQuestion">回答问题</button>
+  </view>
+  <view class="selected-user" wx:if="{{selectedUser}}">
+    <text class="selected-user-name">{{selectedUser}}</text>
+    <view class="score-buttons">
+      <button class="btn-score" bindtap="addScore">+1分</button>
+      <button class="btn-score" bindtap="minusScore">-1分</button>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/activityDetail/activityDetail.wxss b/pages/activityDetail/activityDetail.wxss
new file mode 100644
index 0000000..ca4fd56
--- /dev/null
+++ b/pages/activityDetail/activityDetail.wxss
@@ -0,0 +1,63 @@
+.container {
+  padding: 20px;
+  background-color: #f4f3f3;
+}
+
+.activity-info {
+  background-color: white;
+  padding: 15px;
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
+
+.activity-name {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.activity-participants {
+  font-size: 14px;
+  color: #666;
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
+.btn-action {
+  width: 48%;
+  height: 40px;
+  background-color: #0d94ff;
+  color: white;
+  border-radius: 20px;
+  font-size: 14px;
+}
+
+.selected-user {
+  background-color: white;
+  padding: 15px;
+  border-radius: 10px;
+  text-align: center;
+}
+
+.selected-user-name {
+  font-size: 18px;
+  margin-bottom: 10px;
+}
+
+.score-buttons {
+  display: flex;
+  justify-content: center;
+}
+
+.btn-score {
+  width: 80px;
+  height: 30px;
+  background-color: #0d94ff;
+  color: white;
+  border-radius: 15px;
+  font-size: 14px;
+  margin: 0 10px;
+}
\ No newline at end of file
diff --git a/pages/createActivity/createActivity.js b/pages/createActivity/createActivity.js
new file mode 100644
index 0000000..748eb20
--- /dev/null
+++ b/pages/createActivity/createActivity.js
@@ -0,0 +1,51 @@
+Page({
+  data: {
+    fileName: ''
+  },
+
+  onUpload() {
+    wx.chooseMessageFile({
+      count: 1,
+      type: 'file',
+      extension: ['xlsx'],
+      success: (res) => {
+        const file = res.tempFiles[0];
+        this.setData({
+          fileName: file.name
+        });
+        // 这里可以处理文件上传逻辑
+        console.log('选择的文件:', file);
+      }
+    });
+  },
+
+  onSubmit(e) {
+    const { activityName, activityDescription } = e.detail.value;
+    if (activityName && activityDescription) {
+      if (!this.data.fileName) {
+        wx.showToast({
+          title: '请上传 XLSX 文件',
+          icon: 'none',
+          duration: 2000
+        });
+        return;
+      }
+      // 这里应该添加创建活动的逻辑，比如调用后端 API
+      console.log('创建活动:', activityName, activityDescription, this.data.fileName);
+      wx.showToast({
+        title: '创建成功',
+        icon: 'success',
+        duration: 2000
+      });
+      setTimeout(() => {
+        wx.navigateBack();
+      }, 2000);
+    } else {
+      wx.showToast({
+        title: '请填写完整信息',
+        icon: 'none',
+        duration: 2000
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/pages/createActivity/createActivity.wxml b/pages/createActivity/createActivity.wxml
new file mode 100644
index 0000000..a4b48d4
--- /dev/null
+++ b/pages/createActivity/createActivity.wxml
@@ -0,0 +1,27 @@
+<view class="container">
+  <form bindsubmit="onSubmit">
+    <view class="form-group">
+      <text class="label">活动名称</text>
+      <view class="input-container">
+        <input name="activityName" placeholder="请输入活动名称" />
+      </view>
+    </view>
+    
+    <view class="form-group">
+      <text class="label">活动描述</text>
+      <view class="input-container">
+        <textarea name="activityDescription" placeholder="请输入活动描述"></textarea>
+      </view>
+    </view>
+    
+    <view class="form-group">
+      <text class="label">上传文件</text>
+      <button class="upload-btn" bindtap="onUpload">上传 XLSX 文件</button>
+      <text class="file-name" wx:if="{{fileName}}">{{fileName}}</text>
+    </view>
+    
+    <view class="submit-container">
+      <button class="submit-btn" form-type="submit">创建活动</button>
+    </view>
+  </form>
+</view>
\ No newline at end of file
diff --git a/pages/createActivity/createActivity.wxss b/pages/createActivity/createActivity.wxss
new file mode 100644
index 0000000..bc9c2d8
--- /dev/null
+++ b/pages/createActivity/createActivity.wxss
@@ -0,0 +1,70 @@
+.container {
+  padding: 20px;
+  background-color: #f4f3f3;
+  min-height: 100vh;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+.label {
+  display: block;
+  font-size: 14px;
+  color: #333;
+  margin-bottom: 5px;
+}
+
+.input-container {
+  background-color: #fff;
+  border-radius: 5px;
+  padding: 5px;
+}
+
+input, textarea {
+  width: 100%;
+  padding: 10px;
+  border: none;
+  font-size: 14px;
+  background-color: transparent;
+}
+
+textarea {
+  height: 100px;
+}
+
+.upload-btn {
+  background-color: #f0f0f0;
+  color: #333;
+  font-size: 12px;
+  padding: 8px 15px;
+  border-radius: 5px;
+  margin-bottom: 10px;
+  width: auto;
+  display: inline-block;
+}
+
+.file-name {
+  font-size: 12px;
+  color: #666;
+  margin-left: 10px;
+}
+
+.submit-container {
+  flex-grow: 1;
+  display: flex;
+  align-items: flex-end;
+  margin-top: 20px;
+}
+
+.submit-btn {
+  background-color: #0d94ff;
+  color: white;
+  font-size: 16px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/pages/created/created.js b/pages/created/created.js
new file mode 100644
index 0000000..668c6ea
--- /dev/null
+++ b/pages/created/created.js
@@ -0,0 +1,27 @@
+Page({
+  data: {
+    activities: [
+      { id: 1, name: "活动1", participants: 10 },
+      { id: 2, name: "活动2", participants: 20 },
+      { id: 3, name: "活动3", participants: 15 }
+    ]
+  },
+
+  onSearchInput(e) {
+    // 实现搜索功能
+    console.log("搜索:", e.detail.value);
+  },
+
+  onActivityTap(e) {
+    const activityId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/activityDetail/activityDetail?id=${activityId}`
+    });
+  },
+
+  onCreateActivity() {
+    wx.navigateTo({
+      url: '/pages/createActivity/createActivity'
+    });
+  }
+});
\ No newline at end of file
diff --git a/pages/created/created.json b/pages/created/created.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/created/created.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/created/created.wxml b/pages/created/created.wxml
new file mode 100644
index 0000000..f19a4da
--- /dev/null
+++ b/pages/created/created.wxml
@@ -0,0 +1,18 @@
+<view class="container">
+  <view class="search-bar">
+    <input type="text" placeholder="搜索活动" bindinput="onSearchInput" />
+  </view>
+  
+  <view class="activity-list">
+    <block wx:for="{{activities}}" wx:key="id">
+      <button class="activity-item" bindtap="onActivityTap" data-id="{{item.id}}">
+        <view class="activity-info">
+          <text class="activity-name">{{item.name}}</text>
+          <text class="activity-participants">参与人数：{{item.participants}}</text>
+        </view>
+      </button>
+    </block>
+  </view>
+  
+  <button class="create-btn" bindtap="onCreateActivity">创建自定义</button>
+</view>
\ No newline at end of file
diff --git a/pages/created/created.wxss b/pages/created/created.wxss
new file mode 100644
index 0000000..f18ba31
--- /dev/null
+++ b/pages/created/created.wxss
@@ -0,0 +1,64 @@
+.container {
+  padding: 20px;
+  background-color: #f4f3f3;
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+.search-bar {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  background-color: #f4f3f3;
+  padding: 10px 0;
+}
+
+.search-bar input {
+  width: 100%;
+  height: 40px;
+  padding: 0 15px;
+  border: 1px solid #ccc;
+  border-radius: 20px;
+  background-color: #fff;
+}
+
+.activity-list {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.activity-item {
+  width: 100%;
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  text-align: left;
+}
+
+.activity-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.activity-name {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+
+.activity-participants {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.create-btn {
+  background-color: #0d94ff;
+  color: white;
+  border-radius: 5px;
+  padding: 10px 20px;
+  font-size: 16px;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
new file mode 100644
index 0000000..a8d6aa5
--- /dev/null
+++ b/pages/index/index.js
@@ -0,0 +1,49 @@
+// index.js
+const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
+
+Page({
+  data: {
+    motto: 'Hello World',
+    userInfo: {
+      avatarUrl: defaultAvatarUrl,
+      nickName: '',
+    },
+    hasUserInfo: false,
+    canIUseGetUserProfile: wx.canIUse('getUserProfile'),
+    canIUseNicknameComp: wx.canIUse('input.type.nickname'),
+  },
+  bindViewTap() {
+    wx.navigateTo({
+      url: '../logs/logs'
+    })
+  },
+  onChooseAvatar(e) {
+    const { avatarUrl } = e.detail
+    const { nickName } = this.data.userInfo
+    this.setData({
+      "userInfo.avatarUrl": avatarUrl,
+      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
+    })
+  },
+  onInputChange(e) {
+    const nickName = e.detail.value
+    const { avatarUrl } = this.data.userInfo
+    this.setData({
+      "userInfo.nickName": nickName,
+      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
+    })
+  },
+  getUserProfile(e) {
+    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
+    wx.getUserProfile({
+      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
+      success: (res) => {
+        console.log(res)
+        this.setData({
+          userInfo: res.userInfo,
+          hasUserInfo: true
+        })
+      }
+    })
+  },
+})
diff --git a/pages/index/index.json b/pages/index/index.json
new file mode 100644
index 0000000..b55b5a2
--- /dev/null
+++ b/pages/index/index.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {
+  }
+}
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
new file mode 100644
index 0000000..0721ba0
--- /dev/null
+++ b/pages/index/index.wxml
@@ -0,0 +1,27 @@
+<!--index.wxml-->
+<scroll-view class="scrollarea" scroll-y type="list">
+  <view class="container">
+    <view class="userinfo">
+      <block wx:if="{{canIUseNicknameComp && !hasUserInfo}}">
+        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
+          <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
+        </button>
+        <view class="nickname-wrapper">
+          <text class="nickname-label">昵称</text>
+          <input type="nickname" class="nickname-input" placeholder="请输入昵称" bind:change="onInputChange" />
+        </view>
+      </block>
+      <block wx:elif="{{!hasUserInfo}}">
+        <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
+        <view wx:else> 请使用2.10.4及以上版本基础库 </view>
+      </block>
+      <block wx:else>
+        <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
+        <text class="userinfo-nickname">{{userInfo.nickName}}</text>
+      </block>
+    </view>
+    <view class="usermotto">
+      <text class="user-motto">{{motto}}</text>
+    </view>
+  </view>
+</scroll-view>
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
new file mode 100644
index 0000000..1ebed4b
--- /dev/null
+++ b/pages/index/index.wxss
@@ -0,0 +1,62 @@
+/**index.wxss**/
+page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.scrollarea {
+  flex: 1;
+  overflow-y: hidden;
+}
+
+.userinfo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #aaa;
+  width: 80%;
+}
+
+.userinfo-avatar {
+  overflow: hidden;
+  width: 128rpx;
+  height: 128rpx;
+  margin: 20rpx;
+  border-radius: 50%;
+}
+
+.usermotto {
+  margin-top: 200px;
+}
+
+.avatar-wrapper {
+  padding: 0;
+  width: 56px !important;
+  border-radius: 8px;
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+.avatar {
+  display: block;
+  width: 56px;
+  height: 56px;
+}
+
+.nickname-wrapper {
+  display: flex;
+  width: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+  border-top: .5px solid rgba(0, 0, 0, 0.1);
+  border-bottom: .5px solid rgba(0, 0, 0, 0.1);
+  color: black;
+}
+
+.nickname-label {
+  width: 105px;
+}
+
+.nickname-input {
+  flex: 1;
+}
diff --git a/pages/login/login.js b/pages/login/login.js
new file mode 100644
index 0000000..85407d2
--- /dev/null
+++ b/pages/login/login.js
@@ -0,0 +1,41 @@
+Page({
+  data: {
+    account: '',
+    password: ''
+  },
+
+  onAccountInput(e) {
+    this.setData({
+      account: e.detail.value
+    })
+  },
+
+  onPasswordInput(e) {
+    this.setData({
+      password: e.detail.value
+    })
+  },
+
+  onLogin() {
+    const { account, password } = this.data
+    if (account && password) {
+      // 这里应该添加实际的登录逻辑，比如调用后端 API
+      // 现在我们只是模拟登录成功
+      wx.showToast({
+        title: '登录成功',
+        icon: 'success',
+        duration: 2000
+      })
+      // 登录成功后跳转到"我创建的"页面
+      wx.switchTab({
+        url: '/pages/created/created'
+      })
+    } else {
+      wx.showToast({
+        title: '请输入账号和密码',
+        icon: 'none',
+        duration: 2000
+      })
+    }
+  }
+})
\ No newline at end of file
diff --git a/pages/login/login.wxml b/pages/login/login.wxml
new file mode 100644
index 0000000..7eae0f0
--- /dev/null
+++ b/pages/login/login.wxml
@@ -0,0 +1,7 @@
+<view class="container">
+  <view class="login-form">
+    <input type="text" placeholder="请输入账号" bindinput="onAccountInput" />
+    <input type="password" placeholder="请输入密码" bindinput="onPasswordInput" />
+    <button bindtap="onLogin" style="background-color: #0d94ff; color: white; border-radius: 5px;">登录</button>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/login/login.wxss b/pages/login/login.wxss
new file mode 100644
index 0000000..a42a0f8
--- /dev/null
+++ b/pages/login/login.wxss
@@ -0,0 +1,30 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  background-color: #f4f3f3;
+}
+
+.login-form {
+  width: 80%;
+  max-width: 300px;
+}
+
+input {
+  width: 100%;
+  height: 40px;
+  margin-bottom: 20px;
+  padding: 0 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+button {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+}
\ No newline at end of file
diff --git a/pages/logs/logs.js b/pages/logs/logs.js
new file mode 100644
index 0000000..85f6aac
--- /dev/null
+++ b/pages/logs/logs.js
@@ -0,0 +1,18 @@
+// logs.js
+const util = require('../../utils/util.js')
+
+Page({
+  data: {
+    logs: []
+  },
+  onLoad() {
+    this.setData({
+      logs: (wx.getStorageSync('logs') || []).map(log => {
+        return {
+          date: util.formatTime(new Date(log)),
+          timeStamp: log
+        }
+      })
+    })
+  }
+})
diff --git a/pages/logs/logs.json b/pages/logs/logs.json
new file mode 100644
index 0000000..b55b5a2
--- /dev/null
+++ b/pages/logs/logs.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {
+  }
+}
\ No newline at end of file
diff --git a/pages/logs/logs.wxml b/pages/logs/logs.wxml
new file mode 100644
index 0000000..85cf1bf
--- /dev/null
+++ b/pages/logs/logs.wxml
@@ -0,0 +1,6 @@
+<!--logs.wxml-->
+<scroll-view class="scrollarea" scroll-y type="list">
+  <block wx:for="{{logs}}" wx:key="timeStamp" wx:for-item="log">
+    <view class="log-item">{{index + 1}}. {{log.date}}</view>
+  </block>
+</scroll-view>
diff --git a/pages/logs/logs.wxss b/pages/logs/logs.wxss
new file mode 100644
index 0000000..33f9d9e
--- /dev/null
+++ b/pages/logs/logs.wxss
@@ -0,0 +1,16 @@
+page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.scrollarea {
+  flex: 1;
+  overflow-y: hidden;
+}
+.log-item {
+  margin-top: 20rpx;
+  text-align: center;
+}
+.log-item:last-child {
+  padding-bottom: env(safe-area-inset-bottom);
+}
diff --git a/pages/myCreated/myCreated.js b/pages/myCreated/myCreated.js
new file mode 100644
index 0000000..38bce58
--- /dev/null
+++ b/pages/myCreated/myCreated.js
@@ -0,0 +1,32 @@
+Page({
+  data: {
+    activities: []
+  },
+
+  onLoad() {
+    this.fetchActivities();
+  },
+
+  fetchActivities() {
+    // 这里应该从后端 API 获取活动列表
+    const mockActivities = [
+      { id: 1, name: '软件工程课程', participants: 50 },
+      { id: 2, name: '数据结构讨论', participants: 30 }
+    ];
+    this.setData({ activities: mockActivities });
+  },
+
+  onSearch(e) {
+    const keyword = e.detail.value;
+    // 实现搜索逻辑
+  },
+
+  goToCreateActivity() {
+    wx.navigateTo({ url: '/pages/createActivity/createActivity' });
+  },
+
+  goToActivityDetail(e) {
+    const activityId = e.currentTarget.dataset.id;
+    wx.navigateTo({ url: `/pages/activityDetail/activityDetail?id=${activityId}` });
+  }
+});
\ No newline at end of file
diff --git a/pages/myCreated/myCreated.wxml b/pages/myCreated/myCreated.wxml
new file mode 100644
index 0000000..667c3c6
--- /dev/null
+++ b/pages/myCreated/myCreated.wxml
@@ -0,0 +1,12 @@
+<view class="container">
+  <view class="search-bar">
+    <input type="text" placeholder="搜索活动" />
+  </view>
+  <button class="btn-create">创建自定义</button>
+  <view class="activity-list">
+    <view class="activity-item" bindtap="goToActivityDetail">
+      <text class="activity-name">活动名称</text>
+      <text class="activity-participants">参与人数: 50</text>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/myCreated/myCreated.wxss b/pages/myCreated/myCreated.wxss
new file mode 100644
index 0000000..272d0b0
--- /dev/null
+++ b/pages/myCreated/myCreated.wxss
@@ -0,0 +1,40 @@
+.container {
+  padding: 20px;
+  background-color: #f4f3f3;
+}
+
+.search-bar {
+  width: 100%;
+  height: 40px;
+  background-color: white;
+  border-radius: 20px;
+  padding: 0 10px;
+  margin-bottom: 20px;
+}
+
+.btn-create {
+  width: 100%;
+  height: 40px;
+  background-color: #0d94ff;
+  color: white;
+  border-radius: 20px;
+  font-size: 14px;
+  margin-bottom: 20px;
+}
+
+.activity-item {
+  background-color: white;
+  padding: 15px;
+  border-radius: 10px;
+  margin-bottom: 10px;
+}
+
+.activity-name {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.activity-participants {
+  font-size: 14px;
+  color: #666;
+}
\ No newline at end of file
diff --git a/pages/myParticipated/myParticipated.js b/pages/myParticipated/myParticipated.js
new file mode 100644
index 0000000..260b038
--- /dev/null
+++ b/pages/myParticipated/myParticipated.js
@@ -0,0 +1,22 @@
+Page({
+  data: {
+    activities: []
+  },
+
+  onLoad() {
+    this.fetchParticipatedActivities();
+  },
+
+  fetchParticipatedActivities() {
+    // 这里应该从后端 API 获取参与的活动列表
+    const mockActivities = [
+      { id: 1, name: '2024软件工程K班', participants: 104 }
+    ];
+    this.setData({ activities: mockActivities });
+  },
+
+  goToParticipatedDetail(e) {
+    const activityId = e.currentTarget.dataset.id;
+    wx.navigateTo({ url: `/pages/participatedDetail/participatedDetail?id=${activityId}` });
+  }
+});
\ No newline at end of file
diff --git a/pages/myParticipated/myParticipated.wxml b/pages/myParticipated/myParticipated.wxml
new file mode 100644
index 0000000..c5a0deb
--- /dev/null
+++ b/pages/myParticipated/myParticipated.wxml
@@ -0,0 +1,8 @@
+<view class="container">
+  <view class="activity-list">
+    <view class="activity-item" bindtap="goToParticipatedDetail">
+      <text class="activity-name">2024软件工程K班</text>
+      <text class="activity-participants">参与人数: 104</text>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/myParticipated/myParticipated.wxss b/pages/myParticipated/myParticipated.wxss
new file mode 100644
index 0000000..397a584
--- /dev/null
+++ b/pages/myParticipated/myParticipated.wxss
@@ -0,0 +1,21 @@
+.container {
+  padding: 20px;
+  background-color: #f4f3f3;
+}
+
+.activity-item {
+  background-color: white;
+  padding: 15px;
+  border-radius: 10px;
+  margin-bottom: 10px;
+}
+
+.activity-name {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.activity-participants {
+  font-size: 14px;
+  color: #666;
+}
\ No newline at end of file
diff --git a/pages/participated/participated.js b/pages/participated/participated.js
new file mode 100644
index 0000000..37052d7
--- /dev/null
+++ b/pages/participated/participated.js
@@ -0,0 +1,52 @@
+Page({
+  data: {
+    activities: [
+      { id: 1, name: "2024软件工程K班", participants: 104 }
+      // 可以添加更多活动
+    ],
+    filteredActivities: []
+  },
+
+  onLoad: function() {
+    this.setData({
+      filteredActivities: this.data.activities.slice(1) // 除了第一个活动外的所有活动
+    });
+  },
+
+  onSearchInput(e) {
+    const searchText = e.detail.value.toLowerCase();
+    const filtered = this.data.activities.filter(activity => 
+      activity.name.toLowerCase().includes(searchText)
+    );
+    this.setData({
+      filteredActivities: filtered
+    });
+  },
+
+  onActivitySummaryTap() {
+    wx.navigateTo({
+      url: '/pages/participatedDetail/participatedDetail?id=1',
+      fail: (err) => {
+        console.error('Navigation failed:', err);
+        wx.showToast({
+          title: '页面跳转失败',
+          icon: 'none'
+        });
+      }
+    });
+  },
+
+  onActivityTap(e) {
+    const activityId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/participatedDetail/participatedDetail?id=${activityId}`,
+      fail: (err) => {
+        console.error('Navigation failed:', err);
+        wx.showToast({
+          title: '页面跳转失败',
+          icon: 'none'
+        });
+      }
+    });
+  }
+});
\ No newline at end of file
diff --git a/pages/participated/participated.json b/pages/participated/participated.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/participated/participated.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/participated/participated.wxml b/pages/participated/participated.wxml
new file mode 100644
index 0000000..d4b285d
--- /dev/null
+++ b/pages/participated/participated.wxml
@@ -0,0 +1,9 @@
+<view class="container">
+  <view class="activity-list">
+    <view class="activity-item" bindtap="onActivityTap" data-id="1">
+      <text class="activity-name">2024软件工程K班</text>
+      <text class="activity-participants">参与人数：104人</text>
+    </view>
+    <!-- 可以添加更多活动项 -->
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/participated/participated.wxss b/pages/participated/participated.wxss
new file mode 100644
index 0000000..6c313d1
--- /dev/null
+++ b/pages/participated/participated.wxss
@@ -0,0 +1,92 @@
+.container {
+  background-color: #f4f3f3;
+  min-height: 100vh;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+
+.top-section {
+  padding: 20px;
+}
+
+.search-container {
+  margin-bottom: 15px;
+}
+
+.search-bar {
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 20px;
+  padding: 5px 15px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.search-bar icon {
+  margin-right: 5px;
+}
+
+.search-bar input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  height: 30px;
+  font-size: 14px;
+}
+
+.activity-summary {
+  background-color: #0d94ff;
+  color: white;
+  padding: 15px;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.summary-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.summary-participants {
+  font-size: 14px;
+}
+
+.activity-list {
+  padding: 20px;
+}
+
+.activity-item {
+  background-color: #fff;
+  padding: 15px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.activity-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.activity-name {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+
+.activity-participants {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}
+
+.no-activities {
+  text-align: center;
+  color: #999;
+  margin-top: 50px;
+  padding: 0 20px;
+}
\ No newline at end of file
diff --git a/pages/participatedDetail/participatedDetail.js b/pages/participatedDetail/participatedDetail.js
new file mode 100644
index 0000000..d5d592f
--- /dev/null
+++ b/pages/participatedDetail/participatedDetail.js
@@ -0,0 +1,147 @@
+const app = getApp()
+
+Page({
+  data: {
+    activity: null,
+    luckyStudent: null,
+    isLoading: false,
+    studentId: null,
+    showAnswerModal: false
+  },
+
+  onLoad: function(options) {
+    const activityId = options.id;
+    // 这里应该根据 activityId 从服务器或本地存储加载活动详情
+    // 现在我们只是模拟一下
+    this.setData({
+      activity: { id: activityId, name: "2024软件工程K班", participants: 104 }
+    });
+    // 这里应该从全局状态或本地存储获取当前用户的 student_id
+    this.setData({
+      studentId: app.globalData.studentId || '12345' // 假设的学生ID
+    });
+  },
+
+  onSignIn: function() {
+    wx.request({
+      url: 'http://10.133.7.205:3000/update_attendance_score',
+      method: 'POST',
+      data: {
+        student_id: this.data.studentId
+      },
+      success: (res) => {
+        if (res.statusCode === 200) {
+          wx.showToast({
+            title: '签到成功',
+            icon: 'success'
+          });
+        } else {
+          wx.showToast({
+            title: '签到失败',
+            icon: 'none'
+          });
+        }
+      },
+      fail: (err) => {
+        console.error('API request failed:', err);
+        wx.showToast({
+          title: '网络错误',
+          icon: 'none'
+        });
+      }
+    });
+  },
+
+  onDrawLuckyStudent: function() {
+    if (this.data.isLoading) return; // 防止重复点击
+
+    this.setData({ isLoading: true });
+
+    this.drawLuckyStudentWithRetry(3); // 最多重试3次
+  },
+
+  drawLuckyStudentWithRetry: function(retryCount) {
+    wx.request({
+      url: 'http://10.133.7.205:3000/get_random_student',
+      method: 'GET',
+      timeout: 15000, // 增加超时时间到15秒
+      success: (res) => {
+        if (res.statusCode === 200) {
+          this.setData({
+            luckyStudent: res.data.name,
+            studentId: res.data.id,
+            isLoading: false,
+            showAnswerModal: true
+          });
+          wx.showToast({
+            title: '已抽取幸运儿',
+            icon: 'success'
+          });
+        } else {
+          this.handleDrawError('服务器返回错误', retryCount);
+        }
+      },
+      fail: (err) => {
+        console.error('API request failed:', err);
+        this.handleDrawError('网络请求失败', retryCount);
+      }
+    });
+  },
+
+  handleDrawError: function(errorMsg, retryCount) {
+    if (retryCount > 0) {
+      setTimeout(() => {
+        this.drawLuckyStudentWithRetry(retryCount - 1);
+      }, 1000); // 1秒后重试
+    } else {
+      this.setData({ isLoading: false });
+      wx.showModal({
+        title: '抽取失败',
+        content: `${errorMsg}，请稍后再试。`,
+        showCancel: false
+      });
+    }
+  },
+
+  onAnswerCorrect: function() {
+    this.updateAnswerScore(true, 1);
+  },
+
+  onAnswerIncorrect: function() {
+    this.updateAnswerScore(false, 0);
+  },
+
+  updateAnswerScore: function(repeatedCorrectly, answerScore) {
+    wx.request({
+      url: 'http://10.133.7.205:3000/update_answer_score',
+      method: 'POST',
+      data: {
+        student_id: this.data.studentId,
+        repeated_correctly: repeatedCorrectly,
+        answer_score: answerScore
+      },
+      success: (res) => {
+        if (res.statusCode === 200) {
+          wx.showToast({
+            title: '回答已记录',
+            icon: 'success'
+          });
+        } else {
+          wx.showToast({
+            title: '记录失败',
+            icon: 'none'
+          });
+        }
+        this.setData({ showAnswerModal: false });
+      },
+      fail: (err) => {
+        console.error('API request failed:', err);
+        wx.showToast({
+          title: '网络错误',
+          icon: 'none'
+        });
+        this.setData({ showAnswerModal: false });
+      }
+    });
+  }
+});
\ No newline at end of file
diff --git a/pages/participatedDetail/participatedDetail.json b/pages/participatedDetail/participatedDetail.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/participatedDetail/participatedDetail.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/participatedDetail/participatedDetail.wxml b/pages/participatedDetail/participatedDetail.wxml
new file mode 100644
index 0000000..be82fc4
--- /dev/null
+++ b/pages/participatedDetail/participatedDetail.wxml
@@ -0,0 +1,27 @@
+<view class="container">
+  <view class="activity-info">
+    <text class="activity-name">{{activity.name}}</text>
+    <text class="activity-participants">参与人数：{{activity.participants}}人</text>
+  </view>
+  
+  <view class="lucky-student" wx:if="{{luckyStudent}}">
+    <text>幸运儿：{{luckyStudent}}</text>
+  </view>
+  
+  <view class="action-buttons">
+    <button class="action-btn" bindtap="onSignIn">签到</button>
+    <button class="action-btn" bindtap="onDrawLuckyStudent" disabled="{{isLoading}}">
+      {{isLoading ? '抽取中...' : '抽取幸运儿'}}
+    </button>
+  </view>
+
+  <view class="answer-modal" wx:if="{{showAnswerModal}}">
+    <view class="modal-content">
+      <text>{{luckyStudent}} 回答问题：</text>
+      <view class="answer-buttons">
+        <button class="answer-btn correct" bindtap="onAnswerCorrect">回答正确</button>
+        <button class="answer-btn incorrect" bindtap="onAnswerIncorrect">回答错误</button>
+      </view>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/participatedDetail/participatedDetail.wxss b/pages/participatedDetail/participatedDetail.wxss
new file mode 100644
index 0000000..1ede768
--- /dev/null
+++ b/pages/participatedDetail/participatedDetail.wxss
@@ -0,0 +1,95 @@
+.container {
+  padding: 20rpx;
+  background-color: #f4f3f3;
+  min-height: 100vh;
+}
+
+.activity-info {
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1);
+}
+
+.activity-name {
+  font-size: 20px;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.activity-participants {
+  font-size: 16px;
+  color: #666;
+}
+
+.lucky-student {
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1);
+  text-align: center;
+  font-size: 18px;
+  font-weight: bold;
+  color: #0d94ff;
+}
+
+.action-buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20rpx;
+}
+
+.action-btn {
+  background-color: #0d94ff;
+  color: #ffffff;
+  border-radius: 20rpx;
+  font-size: 14px;
+  padding: 10rpx 20rpx;
+  width: 45%;
+}
+
+.answer-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.modal-content {
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  width: 80%;
+  text-align: center;
+}
+
+.answer-buttons {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 20rpx;
+}
+
+.answer-btn {
+  border-radius: 20rpx;
+  font-size: 14px;
+  padding: 10rpx 20rpx;
+  width: 45%;
+}
+
+.correct {
+  background-color: #4CAF50;
+  color: white;
+}
+
+.incorrect {
+  background-color: #F44336;
+  color: white;
+}
\ No newline at end of file
diff --git a/pages/store/store.js b/pages/store/store.js
new file mode 100644
index 0000000..9f90816
--- /dev/null
+++ b/pages/store/store.js
@@ -0,0 +1,60 @@
+Page({
+  data: {
+    cards: [
+      { id: 1, name: "卡牌1", price: 100, image: "/assets/card1.png" },
+      { id: 2, name: "卡牌2", price: 200, image: "/assets/card2.png" },
+      { id: 3, name: "卡牌3", price: 300, image: "/assets/card3.png" },
+      { id: 4, name: "卡牌4", price: 400, image: "/assets/card4.png" }
+    ],
+    userPoints: 1000 // 假设用户初始有1000积分
+  },
+
+  onBuy: function(e) {
+    const cardId = e.currentTarget.dataset.id;
+    const card = this.data.cards.find(c => c.id === cardId);
+    if (this.data.userPoints >= card.price) {
+      this.setData({
+        userPoints: this.data.userPoints - card.price
+      });
+      wx.showToast({
+        title: '购买成功',
+        icon: 'success'
+      });
+    } else {
+      wx.showToast({
+        title: '积分不足',
+        icon: 'none'
+      });
+    }
+  },
+
+  onGuess: function() {
+    wx.showModal({
+      title: '猜题',
+      content: '1 + 1 = ?',
+      editable: true,
+      placeholderText: '请输入答案',
+      confirmText: '提交',
+      cancelText: '取消',
+      success: (res) => {
+        if (res.confirm) {
+          const answer = res.content;
+          if (answer === '2') {
+            this.setData({
+              userPoints: this.data.userPoints + 1
+            });
+            wx.showToast({
+              title: '答对了，获得1积分',
+              icon: 'success'
+            });
+          } else {
+            wx.showToast({
+              title: '答错了，再接再厉',
+              icon: 'none'
+            });
+          }
+        }
+      }
+    });
+  }
+});
\ No newline at end of file
diff --git a/pages/store/store.wxml b/pages/store/store.wxml
new file mode 100644
index 0000000..63ad446
--- /dev/null
+++ b/pages/store/store.wxml
@@ -0,0 +1,24 @@
+<view class="container">
+  <view class="user-points">
+    <text class="points-text">当前积分：{{userPoints}}</text>
+  </view>
+
+  <view class="card-list">
+    <view class="card-item" wx:for="{{cards}}" wx:key="id">
+      <text class="card-name">{{item.name}}</text>
+      <image class="card-image" src="{{item.image}}" mode="aspectFit"></image>
+      <view class="card-info">
+        <text class="card-price">{{item.price}} 积分</text>
+        <button class="buy-btn" bindtap="onBuy" data-id="{{item.id}}">
+          购买
+        </button>
+      </view>
+    </view>
+  </view>
+  
+  <view class="bottom-section">
+    <button class="guess-btn" bindtap="onGuess">
+      猜题赢积分
+    </button>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/store/store.wxss b/pages/store/store.wxss
new file mode 100644
index 0000000..fdcb173
--- /dev/null
+++ b/pages/store/store.wxss
@@ -0,0 +1,71 @@
+.container {
+  padding: 20rpx;
+  background-color: #f4f3f3;
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+.user-points {
+  font-size: 16px;
+  margin-bottom: 20rpx;
+}
+
+.card-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.card-item {
+  background-color: #ffffff;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.card-name {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 10rpx;
+}
+
+.card-image {
+  width: 300rpx;
+  height: 300rpx;
+  object-fit: cover;
+  margin: 20rpx 0;
+}
+
+.card-info {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.card-price {
+  font-size: 16px;
+  color: #666;
+  margin-bottom: 20rpx;
+}
+
+.buy-btn, .guess-btn {
+  background-color: #0d94ff;
+  color: #ffffff;
+  border-radius: 20rpx;
+  font-size: 14px;
+  padding: 10rpx 20rpx;
+  width: 80%;
+}
+
+.bottom-section {
+  margin-top: 20rpx;
+  width: 100%;
+}
+
+.guess-btn {
+  width: 100%;
+}
\ No newline at end of file
diff --git a/pages/test/test.js b/pages/test/test.js
new file mode 100644
index 0000000..210d34b
--- /dev/null
+++ b/pages/test/test.js
@@ -0,0 +1,6 @@
+Page({
+  data: {} ,
+  onLoad: function() {
+    console.log('Test page loaded');
+  }
+})
\ No newline at end of file
diff --git a/pages/test/test.json b/pages/test/test.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/test/test.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/test/test.wxml b/pages/test/test.wxml
new file mode 100644
index 0000000..c9bb97a
--- /dev/null
+++ b/pages/test/test.wxml
@@ -0,0 +1 @@
+<view>This is a test page</view>
\ No newline at end of file
diff --git a/pages/test/test.wxss b/pages/test/test.wxss
new file mode 100644
index 0000000..584a528
--- /dev/null
+++ b/pages/test/test.wxss
@@ -0,0 +1,3 @@
+view {
+  padding: 20px;
+}
\ No newline at end of file
diff --git a/project.config.json b/project.config.json
new file mode 100644
index 0000000..0884f77
--- /dev/null
+++ b/project.config.json
@@ -0,0 +1,29 @@
+{
+  "compileType": "miniprogram",
+  "libVersion": "trial",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "urlCheck": false
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "auto",
+    "tabSize": 2
+  },
+  "appid": "wxcbc61201213ab639"
+}
\ No newline at end of file
diff --git a/project.private.config.json b/project.private.config.json
new file mode 100644
index 0000000..236961d
--- /dev/null
+++ b/project.private.config.json
@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "K%E7%82%B9%E5%90%8D",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}
\ No newline at end of file
diff --git a/sitemap.json b/sitemap.json
new file mode 100644
index 0000000..ca02add
--- /dev/null
+++ b/sitemap.json
@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}
\ No newline at end of file
diff --git a/utils/util.js b/utils/util.js
new file mode 100644
index 0000000..764bc2c
--- /dev/null
+++ b/utils/util.js
@@ -0,0 +1,19 @@
+const formatTime = date => {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  const hour = date.getHours()
+  const minute = date.getMinutes()
+  const second = date.getSeconds()
+
+  return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}`
+}
+
+const formatNumber = n => {
+  n = n.toString()
+  return n[1] ? n : `0${n}`
+}
+
+module.exports = {
+  formatTime
+}