From 73f2e2bc4df7f3788fe52ec5d55e601e7643fe24 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=BD=87?= Date: Wed, 15 Jan 2025 03:58:25 +0800 Subject: [PATCH] done p1 --- app.json | 6 ++- app.wxss | 99 +++++++++++++++++++++++++++++++++- assets/icon/my/cs@2x.png | Bin 0 -> 903 bytes assets/icon/my/firend@2x.png | Bin 0 -> 1274 bytes assets/icon/my/setting@2x.png | Bin 0 -> 856 bytes assets/icon/my/share@2x.png | Bin 0 -> 1171 bytes pages/my/coupon/index.js | 71 ++++++++++++++++++++++++ pages/my/coupon/index.json | 4 ++ pages/my/coupon/index.wxml | 21 ++++++++ pages/my/coupon/index.wxss | 41 ++++++++++++++ pages/my/firend/index.js | 66 +++++++++++++++++++++++ pages/my/firend/index.json | 4 ++ pages/my/firend/index.wxml | 12 +++++ pages/my/firend/index.wxss | 29 ++++++++++ pages/my/index/index.js | 11 ++++ pages/my/index/index.json | 3 +- pages/my/index/index.wxml | 52 +++++++++++++++++- pages/my/index/index.wxss | 80 ++++++++++++++++++++++++++- pages/my/money/index.js | 66 +++++++++++++++++++++++ pages/my/money/index.json | 4 ++ pages/my/money/index.wxml | 15 ++++++ pages/my/money/index.wxss | 53 ++++++++++++++++++ pages/my/setting/index.js | 66 +++++++++++++++++++++++ pages/my/setting/index.json | 3 ++ pages/my/setting/index.wxml | 23 ++++++++ pages/my/setting/index.wxss | 3 ++ pages/order/index/index.wxss | 33 +----------- 27 files changed, 726 insertions(+), 39 deletions(-) create mode 100644 assets/icon/my/cs@2x.png create mode 100644 assets/icon/my/firend@2x.png create mode 100644 assets/icon/my/setting@2x.png create mode 100644 assets/icon/my/share@2x.png create mode 100644 pages/my/coupon/index.js create mode 100644 pages/my/coupon/index.json create mode 100644 pages/my/coupon/index.wxml create mode 100644 pages/my/coupon/index.wxss create mode 100644 pages/my/firend/index.js create mode 100644 pages/my/firend/index.json create mode 100644 pages/my/firend/index.wxml create mode 100644 pages/my/firend/index.wxss create mode 100644 pages/my/money/index.js create mode 100644 pages/my/money/index.json create mode 100644 pages/my/money/index.wxml create mode 100644 pages/my/money/index.wxss create mode 100644 pages/my/setting/index.js create mode 100644 pages/my/setting/index.json create mode 100644 pages/my/setting/index.wxml create mode 100644 pages/my/setting/index.wxss diff --git a/app.json b/app.json index 86f52f3..4687dee 100644 --- a/app.json +++ b/app.json @@ -16,7 +16,11 @@ "pages/shop/success/index", "pages/order/detail/index", "pages/order/detail-group/index", - "pages/order/success/index" + "pages/order/success/index", + "pages/my/coupon/index", + "pages/my/money/index", + "pages/my/firend/index", + "pages/my/setting/index" ], "window": { "navigationBarTextStyle": "black", diff --git a/app.wxss b/app.wxss index 05ac232..63bddcd 100644 --- a/app.wxss +++ b/app.wxss @@ -146,7 +146,7 @@ page-container .content{ font-weight: 500; } .money::before,.money-promation::before,.money-normal::before,.money-disable::before{ - content: "¥"; + content: "¥ "; font-size: 80%; } .money{ @@ -155,8 +155,11 @@ page-container .content{ .money-promation{ color:#FF8400; } +.money-blue{ + color:#1A4DEB; +} .money-promation::before{ - content: "-¥"; + content: "-¥ "; } .money-normal{ color:unset; @@ -175,4 +178,96 @@ page-container .content{ bottom:0; left:0;right:0; background-color: #fff; +} + + +.cells{ + margin:20rpx; + border-radius: 24rpx; + background-color: #fff; + overflow: hidden; +} +.cells .cell{ + display: flex; + align-items: center; + padding:0 40rpx; + min-height: 116rpx; + font-size: 30rpx; + position: relative; +} +.cells .cell.cell-active{ + background-color:rgba(0,0,0,.1); +} +.cells .cell::after{ + content: ''; + border-bottom: 1rpx solid rgba(153, 153, 153, 0.2); + position: absolute; + bottom:0; + left:40rpx; + right:40rpx; +} +.cells .cell:last-child::after{ + border:0; +} +.cells .cell-hd{ + margin-right:20rpx; +} +.cells .cell-hd .icon{ + width:40rpx;height:40rpx; + vertical-align: middle; +} +.cells .cell-bd{ + flex:1; +} +.cells .cell-ft{ + position: relative; + padding-right:40rpx; +} +.cells .cell-ft::after{ + content:" "; + width:24rpx;height:48rpx; + -webkit-mask-position:0 0; + mask-position:0 0; + -webkit-mask-repeat:no-repeat; + mask-repeat:no-repeat; + -webkit-mask-size:100%; + mask-size:100%; + background-color:currentColor; + color:var(--weui-FG-2); + -webkit-mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);position:absolute;top:50%;right:0;margin-top:-24rpx +} + +.tab-bar{ + display: flex; + justify-content: space-between; + background-color: #fff; + font-size: 34rpx; + font-weight: 600; +} +.tab-bar .item-container{ + flex:1; + text-align: center; +} +.tab-bar .item{ + position: relative; + padding:40rpx 0; + color: #7C8695; + transition-duration: .4s; + display: inline-block; +} +.tab-bar .item::before{ + opacity: 0; + content: ""; + height:8rpx; + width:100%; + position: absolute; + bottom:0; + background-color: #1A4DEB; + transition-duration: .4s; +} +.tab-bar .current .item{ + color: #000; +} +.tab-bar .current .item::before{ + opacity: 1; } \ No newline at end of file diff --git a/assets/icon/my/cs@2x.png b/assets/icon/my/cs@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..a34a31fdf75f75d8243f43bdb347957eea676b9f GIT binary patch literal 903 zcmV;219<$2P)Px#1am@3R0s$N2z&@+hyVZsF-b&0R9J=Wn7>onU>L{0iK0NbaP5GL3^FjbFwXYqMi(7$EI1>p9l}C-S0yEgLP!Toe!iGQiZb|}`0?g_ zKY5<_`SHG#rfC``SoCuPxM|`6r$>2MRy6#mc2Sp9G!+f?h6(_fpPNEFMuTN&ET;ls z8S3c(MM*`u+C|~)7UgQ!bv(;ZNG?nxyEp?b6Z8#B`3aIjse^;#HbklKYmtFih60}p zVLcb}4C)E6_Opkz&$266eC~criw&1?F&anPERqR#2f6|Z#T)Dh3UQHiDu8#3v&4NS zHdNH5J_@A{PR{QjE6!#1cm{kf^mxE8$88)Ow;f=7F626~S+b(xuy_NZc;f)w%!jd+ z5BmosSuVRYgI%6MJT~PS&JMaGv`{GBdWIwdmaAR7-)?%I#IH!6Ir_vRyENk%>qykH zqT%DdJT^E0*vf~oX`63XXhD=zcfdp2KH)O6{}s**Y2L@8)OWZZu(?>2RIF}X>wqjn z;aqqp9=PELXe# zdPAp$AA(!mxb_VPJo3;qtSk-FX@%SmdJ)l2@fhvM@BpwQDEdNm!X6zav*lQZ!XD2! z#t7d#L<o)Na~ICY9+~)a@eAOndI20&FMy-!fm;0A@w>U9 zWh36-%{*3Y^j+tUhK+_q2jo^}_1h|0(OeU9`mOhVF`2L)^xf`m-Ygh)(_f9t1U)yY zd@e*hWDgUU33@)?Boot?W3J<7p-}1!z4v1yG?EE&8T6u)${orVT}yN9Hn*?)!ROG# dNAbi1{sp+xc7l{WetG}^002ovPDHLkV1fU literal 0 HcmV?d00001 diff --git a/assets/icon/my/firend@2x.png b/assets/icon/my/firend@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..3b4d7c925dceaaa89b07456bbd2431d678599f60 GIT binary patch literal 1274 zcmVPx#1am@3R0s$N2z&@+hyVZtq)9|UR9J=WSix=^RTMq<%``>b)RwRt*%loZtZ`L7 zz!riHu`^wvRSZ1Nfsa>AvyU0lKud3?Jn5Gh!2SQ0MuE;X~?*;kzfItHkP68oMX_0zzz(4HtZA! zD)zyX^P=Gy--7TMOuq=`A5GI7IGz0D#tD`i7cC~S4Q4CD+kgab&WM)QUvI+qe@LJv z1ndrbg}r6silxXk-8O>`GRXk|qso#_N=H`=s;SXZmXCgaEo`9`kudr8YzWxO4e@ehd4Ac_Q2WQ>FqiYi^H!fNXI*8EZ z2%k4kUljT&*fxMLD}qs1v8(pj625l?Mpa?3d)6)NT#I0-IeHmphR9hF#-pqPU$w`U zklx9RBmw3mKvkjw)w)SFFJkaoxDT9?(8!I zwPc++o%}=^=BE0Nq-Ur3%sM3Np#z|w_6w6XJ)PkX`CEFeBqs1hhoOJM#+3;YqUl7(Q_LR&HFhpkz=Q zclt@psy((CXodbWYCM&oX_^C&vdw}HR_(EsMJ@Q29qp4!kSE5b~j%c%sN zPJTk{hdm9&0-J+#OMdJ zm>x3NM&cySX7PKUP4b@MeF4VD2yih!i)OL8h~ThW*eW+i?=bV1;Y&u9fhrhaux1s1 zH|!Pn0KlWmEik^Gg9M|qKKDLhnR3gr$GK8tbPyxAjFI?!Cb>wkwo!xGx|H70qPkAq z;>wy^^F@jVB%B68@FxK#1MfoDY^Umn312br7{CKfs7wK?B{(Ourootb|E^(n9L>qB z*lx|2v;lA{xy~0x{k)TR0wr^41GJ&hhFaM*N3d*PR9VtVa`B2V_m;U!1d>Z`$A~H< zXRk_)kqtsy-J#jRN+lQwN_ng-nh3@doj_e=rKYE=AWR z2LNZ?!VV~|4X0BkwDV5h@r6-W2ZHduBNY>7aH@u1D&J&E@nx;taF4@!OHt*?nkVq) zuva_;lne%SGeeMb6XXDZ7_n*ekCe3}X4oqpPA_7!RiS{5wwR(*6&rDHXs0gGPCJD@6rtaE761SM07*qoM6N<$f^6SRsQ>@~ literal 0 HcmV?d00001 diff --git a/assets/icon/my/setting@2x.png b/assets/icon/my/setting@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..f09add0ea1a67388088ff2c22341b3a3c4a2236f GIT binary patch literal 856 zcmV-e1E>6nP)Px#1am@3R0s$N2z&@+hyVZs0!c(cR9J=0SFv)NKoEV4xSn*GQG>rA2=EN0^#{op zME(NXUl8dFB!7XGGF8&1l1j$nZ1M%BV$wxz2INiQLvxZikgY?e4q1Jwgk7 z-yadtU7Ou8AfjQCB+Din>j)=bPC*6$nEB50Jg3RVZh9Gp;h33SwfsRuzd9260N^74 z*S76z0ArIanO;Oup|E48O$8pBY)y{Nu+d9+<+)~l}FUYErJwl~zv)P>KQP&{|fmu-DVG?p9AplULz)~$Q zeBU3vm5lHEBQ+TSz}&Q9jJJ+c3cO9oIvQKMx+qqTPH|BL5lxaL8FwPIFYptfR>(RU i@Amrwe=AHv*6|N4gs$@gu!_R~0000P)Px#1am@3R0s$N2z&@+hyVZtJxN4CR9J=Wm|s%kI1t9amIBYAicDogsz!T)Wlylq zI~kM{OgO0fx*wnG=v3tf_*`)R-#!87%cYB*a!?2isxa=6j2*KfknE zt!@E7wV7zs3HJ2&eKtZ7Y?Fx;F$WK$cNcHK2B0Qj_aO9`aLB+AKr?67v*~r~bThP> z8a2R9Ea0u{M@;WGqROZgpwdzE*(8^*fdK#r6C>o=reNuGuc)mfC9Jstv&tDfX2KUR zO}3?+0Eh#BC(icS>xX{ z!GAYdH(u$e`DBu4T^|qyBquFXxNt;)uzYm?xiwz9XcaLl82SXDm-kr| z!3k?_TsTauki9B!v+bq<0b>v*0OGuUOsnp*7El;-;`kg1fw~7`1v< zGzK8b1q6!Pa{#+K^Z*`a;jECoW#_M=PXAF0licPVGyovZw`?w;wRG+dwr6!Lw}AT) zo&vn$%gAgum$hJ5hhFwy5-{H6+S==XAA)h>G|qh)#BthG(t_5|N9U{L^4NO)eSO2Lr$K!}#l{^*2y(lhjdLM+(S90ivK%(#qIRho&)e0l0jU5+te$ zps>l%iJ@#u=Y&c}Znl(RSpYJG<0sCEE~mqE1*%k+Jmc9}izKZAlC%LF(Qj4gC=-^5 z`JXCdVbbjd0ETnRr0Vp;2}Pe-ktD(iImk6JLtRrAHYet5$#R1v^>BuHvqw? zltoujTSrQmn$KNm3Y zcVa7K57|t2ZplvnQRj^*qwYcIJy~<>zyYxpvalelRk#D>TPcsrCIYj=U{0K3Yz`+F zgLQ{+qo)rLCd3$%#1(_%Eo{92HxnevT6o0xgY({W=GEeBf3no`+Zqeh5&`2a*%*|` z6Dz$Bc6I1kOXo%PZ5c3PoK=ad^&T*F=vhM_LGVhz#spjt01 l@;QcxN!r?#;ZMDlegH+U2_DBqg1-O&002ovPDHLkV1fr(BVhml literal 0 HcmV?d00001 diff --git a/pages/my/coupon/index.js b/pages/my/coupon/index.js new file mode 100644 index 0000000..926414c --- /dev/null +++ b/pages/my/coupon/index.js @@ -0,0 +1,71 @@ +// pages/my/coupon/index.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + tabIndex:0 + + }, + + changeTab(event){ + const tabIndex = event.currentTarget.dataset.index; + this.setData({tabIndex}) + }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/my/coupon/index.json b/pages/my/coupon/index.json new file mode 100644 index 0000000..7b28da1 --- /dev/null +++ b/pages/my/coupon/index.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "跑腿券" +} \ No newline at end of file diff --git a/pages/my/coupon/index.wxml b/pages/my/coupon/index.wxml new file mode 100644 index 0000000..1f0395d --- /dev/null +++ b/pages/my/coupon/index.wxml @@ -0,0 +1,21 @@ + + + 待使用 + + + 已使用 + + + 已失效 + + + + + + + 平台奖励跑腿券 + 有效期至2025.03.06 + + 3.0 + + \ No newline at end of file diff --git a/pages/my/coupon/index.wxss b/pages/my/coupon/index.wxss new file mode 100644 index 0000000..62229da --- /dev/null +++ b/pages/my/coupon/index.wxss @@ -0,0 +1,41 @@ +.coupon-list{ + +} +.coupon-list .item{ + display: flex; + margin:20rpx; + padding:50rpx 40rpx 50rpx 44rpx; + background-color: #fff; + border-radius: 18rpx; + box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.05); + position: relative; + overflow: hidden; +} +.coupon-list .item .left{ + flex:1; +} +.coupon-list .item .name{ + font-size: 34rpx; + font-weight: 500; +} +.coupon-list .item .desc{ + font-weight: 26rpx; + color: #888888; + margin-top:40rpx; +} +.coupon-list .item .money{ + font-size:54rpx; +} +.coupon-list .item::before,.coupon-list .item::after{ + content:''; + position: absolute; + width:24rpx;height:24rpx; + left:-12rpx;top:calc(50% - 12rpx); + background: #F5F5F5; + border-radius: 50%; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); +} +.coupon-list .item::before{ + right:-12rpx; + left:auto; +} \ No newline at end of file diff --git a/pages/my/firend/index.js b/pages/my/firend/index.js new file mode 100644 index 0000000..ee36b8b --- /dev/null +++ b/pages/my/firend/index.js @@ -0,0 +1,66 @@ +// pages/my/firend/index.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/my/firend/index.json b/pages/my/firend/index.json new file mode 100644 index 0000000..1e22c5e --- /dev/null +++ b/pages/my/firend/index.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "我的邻友" +} \ No newline at end of file diff --git a/pages/my/firend/index.wxml b/pages/my/firend/index.wxml new file mode 100644 index 0000000..6a9c5fe --- /dev/null +++ b/pages/my/firend/index.wxml @@ -0,0 +1,12 @@ + + + + 跑腿订单返现 + 134****6777 + + + 待使用 + 2023.04.06 17:00 + + + \ No newline at end of file diff --git a/pages/my/firend/index.wxss b/pages/my/firend/index.wxss new file mode 100644 index 0000000..f554de7 --- /dev/null +++ b/pages/my/firend/index.wxss @@ -0,0 +1,29 @@ + +.firend-list .item{ + display: flex; + margin:20rpx; + padding: 30rpx; + background-color: #fff; + border-radius: 18rpx; +} +.firend-list .item .left{ + flex:1; +} +.firend-list .item .right{ + text-align: right; +} +.firend-list .item .name{ + font-size: 32rpx; + font-weight: 500; +} +.firend-list .item .desc{ + font-size: 30rpx; + color: #888888; + margin-top:34rpx; +} +.firend-list .item .left .desc{ + font-size: 34rpx; +} +.firend-list .item .status{ + color:#1A4DEB; +} \ No newline at end of file diff --git a/pages/my/index/index.js b/pages/my/index/index.js index 42280cb..ebbb5ac 100644 --- a/pages/my/index/index.js +++ b/pages/my/index/index.js @@ -8,6 +8,17 @@ Page({ }, + goToCouponList(){ + wx.navigateTo({ + url: '/pages/my/coupon/index', + }) + }, + goToMoney(){ + wx.navigateTo({ + url: '/pages/my/money/index', + }) + }, + /** * 生命周期函数--监听页面加载 */ diff --git a/pages/my/index/index.json b/pages/my/index/index.json index 8835af0..965b8e8 100644 --- a/pages/my/index/index.json +++ b/pages/my/index/index.json @@ -1,3 +1,4 @@ { - "usingComponents": {} + "usingComponents": {}, + "navigationStyle": "custom" } \ No newline at end of file diff --git a/pages/my/index/index.wxml b/pages/my/index/index.wxml index 556592c..b1a6c2b 100644 --- a/pages/my/index/index.wxml +++ b/pages/my/index/index.wxml @@ -1,2 +1,50 @@ - -pages/my/index/index.wxml \ No newline at end of file + + + + + 2 + 跑腿券(张) + + + 0.0 + 消费金(元) + + + + + + + + + + 邀请邻友 + + + + + + + + + 我的邻友 + + + + + + + + + 在线客服 + + + + \ No newline at end of file diff --git a/pages/my/index/index.wxss b/pages/my/index/index.wxss index ad74db5..6132a29 100644 --- a/pages/my/index/index.wxss +++ b/pages/my/index/index.wxss @@ -1 +1,79 @@ -/* pages/my/index/index.wxss */ \ No newline at end of file +.user-info{ + height:460rpx; + background-color: #1A4DEB; + position: relative; + overflow: hidden; +} +.user-info::before{ + content:''; + position: absolute; + width:215rpx;height:215rpx; + border: 50rpx solid #2459FF; + border-top:0; + border-left: 0; + top:0;left:0; + border-radius: 0 0 100% 0; +} +.user-info::after{ + content:''; + position: absolute; + width:135rpx;height:135rpx; + border: 50rpx solid #2459FF; + border-right:0; + border-bottom: 0; + right:0;bottom:0; + border-radius: 100% 0 0 0; + z-index: 0; +} + +.user-info .content{ + display: flex; + align-items: center; + margin:218rpx 40rpx 0 46rpx; + position: relative; + z-index: 1; +} +.user-info .content .avatar{ + width:112rpx;height:112rpx; +} +.user-info .content .name{ + color:#fff; + font-size: 36rpx; + font-weight: 600; + flex:1; + margin-left:30rpx; +} +.user-info .content .setting{ + background-color: #fff; + width:66rpx;height:66rpx; + border-radius: 50%; + display: flex; + align-items: center; + padding:18rpx 16rpx; + box-sizing: border-box; +} +.user-info .content .setting .icon{ + width:36rpx;height:30rpx; +} + +.property{ + padding:52rpx 0; + display: flex; + margin-top: -100rpx; + position: relative; +} +.property .item{ + flex:1; + text-align: center; +} +.property .item:first-child{ + border-right:1rpx solid rgba(124, 134, 149, 0.3); +} +.property .item .key{ + margin-top: 36rpx; + font-size: 28rpx; +} +.property .item .value{ + font-size:56rpx; + color:#1A4DEB; +} \ No newline at end of file diff --git a/pages/my/money/index.js b/pages/my/money/index.js new file mode 100644 index 0000000..83ebde7 --- /dev/null +++ b/pages/my/money/index.js @@ -0,0 +1,66 @@ +// pages/my/money/index.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/my/money/index.json b/pages/my/money/index.json new file mode 100644 index 0000000..f10332b --- /dev/null +++ b/pages/my/money/index.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "消费金" +} \ No newline at end of file diff --git a/pages/my/money/index.wxml b/pages/my/money/index.wxml new file mode 100644 index 0000000..b903a21 --- /dev/null +++ b/pages/my/money/index.wxml @@ -0,0 +1,15 @@ + + 消费金 (元) + 3.3 + 买券自动抵扣 + + + + + + 跑腿订单返现 + 2024.03.01 10:12:20 + + 3.3 + + \ No newline at end of file diff --git a/pages/my/money/index.wxss b/pages/my/money/index.wxss new file mode 100644 index 0000000..357eb30 --- /dev/null +++ b/pages/my/money/index.wxss @@ -0,0 +1,53 @@ + +.consume{ + border-radius: 18rpx; + background: linear-gradient(270deg, #3566FF 0%, #1A4DEB 60%); + box-shadow: 0 10rpx 10rpx 0 rgba(54, 98, 236, 0.2); + margin:20rpx; + padding:40rpx 30rpx; + color:#fff; + position:relative; +} +.consume .title{ + font-size: 32rpx; +} +.consume .money{ + font-size: 70rpx; + margin-top:40rpx; + color:#fff; +} +.consume .tips{ + position:absolute; + right:0;top:32rpx; + border-radius: 60rpx 0 0 60rpx; + background-color: #1A4DEB; + line-height: 40rpx; + font-size: 22rpx; + padding:0 16rpx; +} + +.money-list{ + margin-top:46rpx; +} +.money-list .item{ + display: flex; + margin:20rpx; + padding: 30rpx; + background-color: #fff; + border-radius: 18rpx; +} +.money-list .item .left{ + flex:1; +} +.money-list .item .name{ + font-size: 34rpx; + font-weight: 500; +} +.money-list .item .desc{ + font-size: 28rpx; + color: #888888; + margin-top:44rpx; +} +.money-list .item .money::before{ + content: '+'; +} \ No newline at end of file diff --git a/pages/my/setting/index.js b/pages/my/setting/index.js new file mode 100644 index 0000000..4a5aea7 --- /dev/null +++ b/pages/my/setting/index.js @@ -0,0 +1,66 @@ +// pages/my/setting/index.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/my/setting/index.json b/pages/my/setting/index.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/my/setting/index.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/my/setting/index.wxml b/pages/my/setting/index.wxml new file mode 100644 index 0000000..5c24266 --- /dev/null +++ b/pages/my/setting/index.wxml @@ -0,0 +1,23 @@ + + + 修改头像 + + + + + + 修改昵称 + 西瓜 + + + + + + 隐私政策 + + + + 用户协议 + + + \ No newline at end of file diff --git a/pages/my/setting/index.wxss b/pages/my/setting/index.wxss new file mode 100644 index 0000000..bb20e5a --- /dev/null +++ b/pages/my/setting/index.wxss @@ -0,0 +1,3 @@ +.cell .avatar{ + width:80rpx;height:80rpx; +} \ No newline at end of file diff --git a/pages/order/index/index.wxss b/pages/order/index/index.wxss index a4c8e83..3dd6a90 100644 --- a/pages/order/index/index.wxss +++ b/pages/order/index/index.wxss @@ -1,38 +1,7 @@ .nav-bar{ background-color: #fff; } -.tab-bar{ - display: flex; - justify-content: space-between; - background-color: #fff; - font-size: 34rpx; - font-weight: 600; -} -.tab-bar .item-container{ - padding:0 110rpx; -} -.tab-bar .item{ - position: relative; - padding:40rpx 0; - color: #7C8695; - transition-duration: .4s; -} -.tab-bar .item::before{ - opacity: 0; - content: ""; - height:8rpx; - width:100%; - position: absolute; - bottom:0; - background-color: #1A4DEB; - transition-duration: .4s; -} -.tab-bar .current .item{ - color: #000; -} -.tab-bar .current .item::before{ - opacity: 1; -} + .order-list{} .order-list .item{