From 6e8735eb37cf4b826b919dd150f20b0fee6edec9 Mon Sep 17 00:00:00 2001 From: dong_bo0602 <358256383@qq.com> Date: Thu, 9 Jul 2020 13:05:49 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E5=B8=83=E6=9C=8B=E5=8F=8B=E5=9C=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/delete-photo.png | Bin 0 -> 1396 bytes images/friend.png | Bin 0 -> 1187 bytes images/new.png | Bin 0 -> 174 bytes images/order.png | Bin 0 -> 513 bytes pages/center/center.js | 16 +++ pages/center/center.wxml | 8 ++ pages/center/center.wxss | 1 + pages/friendCircle/friendCircle.js | 10 ++ pages/friendCircle/friendCircle.wxml | 4 + pages/friendCircle/friendCircle.wxss | 19 +++ pages/myFriendCircle/myFriendCircle.js | 116 ++++++++++++++++++ pages/myFriendCircle/myFriendCircle.json | 3 + pages/myFriendCircle/myFriendCircle.wxml | 54 +++++++++ pages/myFriendCircle/myFriendCircle.wxss | 68 +++++++++++ pages/newFriendCircle/newFriendCircle.js | 130 +++++++++++++++++++++ pages/newFriendCircle/newFriendCircle.json | 3 + pages/newFriendCircle/newFriendCircle.wxml | 30 +++++ pages/newFriendCircle/newFriendCircle.wxss | 79 +++++++++++++ 18 files changed, 541 insertions(+) create mode 100644 images/delete-photo.png create mode 100644 images/friend.png create mode 100644 images/new.png create mode 100644 images/order.png create mode 100644 pages/myFriendCircle/myFriendCircle.js create mode 100644 pages/myFriendCircle/myFriendCircle.json create mode 100644 pages/myFriendCircle/myFriendCircle.wxml create mode 100644 pages/myFriendCircle/myFriendCircle.wxss create mode 100644 pages/newFriendCircle/newFriendCircle.js create mode 100644 pages/newFriendCircle/newFriendCircle.json create mode 100644 pages/newFriendCircle/newFriendCircle.wxml create mode 100644 pages/newFriendCircle/newFriendCircle.wxss diff --git a/images/delete-photo.png b/images/delete-photo.png new file mode 100644 index 0000000000000000000000000000000000000000..db02a2fafb781d9111d0d84365579a8c66de8eaf GIT binary patch literal 1396 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`Gjk|nMYCBgY=CFO}lsSJ)O`AMk? zp1FzXsX?iUDV2pMQ*9U+n3Xa^B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+* zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxSU1_g&``n5OwZ87 z)XdCKN5ROz&`93^h|F{iO{`4Ktc=VRpg;*|TTx1yRgjAt)Gi>;Rw<*Tq`*pFzr4I$ zuiRKKzbIYb(9+TpWQLKEE>MMTab;dfVufyAu`f(~1RD^r68eAMwS&*t9 zlvv ztM~P_^2{qPNz6-5^>ndS0-B(gnVDkcX5wsNWaj2#>1t|jXz1$b=w{&TYG!I~WMW`o zZervN)9aF-T$-DjR|3v4~Pj*wm=R%;iu*SQ+p9GS--MkOJQJOeBtTh7*cU- z&oo;DW=E0Z_wzi0W(FQRE-5c;BxU@?X!0~C!KqfqdV-u?ofn%VFIl!Qz$M$|e9y5C zo-XMnCW|M{xO1ysPh7j~alsy?@}0Hct9Sq3{{F3DR$}St>OT!ou64~G4=P@gBLV)W#&#KtwwerAdL=haItNNBzMX_LSG=9_}M zix${DkWZJ3`^ze`Ek3;_u2CjpTKzRm24NR%&fS|Xaxk1-+Ltb};N%})1@${uJF_QC z%F6EU%zgXJSD@#hyZJN2$c6g1{15HCd~ogI;A2V`4?e%+xNnQa^qjVGpXHMm{VB>m z@6$E?boavZx4ZcZ+^$Z^W1GwE{k`F_oI^@x0zn|45T6NpMW8)G}CVrN~ zUV9o|ZGLujue#Hd)P@gRc|`MxvFvOWqs|Nyv)lw{mT`x1?pW7V=*DyV>CgX}Wjh?ZdHMRv-pgTe~DWM4fCFcPR literal 0 HcmV?d00001 diff --git a/images/friend.png b/images/friend.png new file mode 100644 index 0000000000000000000000000000000000000000..7e05fbb7fe91c2ecf5ab0ad8ff63a86c9e6e1cc6 GIT binary patch literal 1187 zcmV;U1YG-xP)R`B3q?V7IHn;Ja`il?wBsF09g5D~@0ic#bAM9haF*$`bnNOYqFBZ<*n zKQ=)#)kclD9`xWxh|z4K2cwchL@z3lfWl7q^kffSg4<83d%AZ%`fDs07^>f^|F2%v zd;OX)z_3koIn&~5fbIrxYuj}Jzy$nwbqsGG(HB6^O&s^+wIs!I6-Ft5#p2mzi4=qdoymg7yO z`6L2N0+(GQ#VZVKjU5^LEZ3V*QrG|<$%I$}SfTBRaf0FRNjjE3fVvPjPzlo@tV$4> zvK((*N%0PV^{Eg&0FfPYX?e|c&vyEC0kp+uLAWtBWK1(vx4BuF9bD(20 zRh1O40vPY|%K`|p1dmy+_jbqwz^)8m$2@c#z_kMa07OTvM)SdXMeHX=ysLH^>MRH@ zVZ!(uKHaO+I{;A9m|XDBlW_$8pK!mIlExl@ zp3MS?#C2h-I^O+cn_@c?4itp=SnoE=R#n6c@cnPvg{bQYV)2SN%8Uotr(4K2%WpC9 zrUC%D;?Ww)ymCb^KqOu_jrWM?A#JPYNJ;S-fV*-43X8`O(l{Ai!bn_6p#W54EyfuQ za4zQp4lLfj*a1L?cw+U`02cuar$itSS5nO8oqeyrlEz7&>6E_hsv-`8u^~xA18}Bz z#rPDAVasW)EO1X^lf$N%48*1J20)Le_%5UY1Ut8-_=15u0iGKaAUp=4E32-sY2#-N z@LflDqYcBbSHuZ$^hO*Uz&6D`COnZ7wa-aO<0*jlwhf~*KMmmaC1;)k^X{T;mXhU{ z0Dd~}$cSl%!amRcDc-p$z6asvZs!nysI;o;c)PL|wxxKHft`8c!E@q?_PZdw1PEHJ{Z-d{Ql}@tazM>+^PqE8 z$J-VF92pt8V$r{J9-x%Px&hjPVS5&&Dcv(5#BW2T#Wm~Z7tSw5Anbq-7KuQ|<$Tj} zT3eRVwHO8yZ>}|3Ghrk;hAqWZS0@}lON>DHlyJyucpJOZHWTEy<#=l%i!K1&j$dtx zWBna*20*w{&?71-deXNCgz*de7^`{SuZaM9GPyI(1<{lZ>?aR$Jb%yg{QZ0i4o#($$88}|fITCxBD002ovPDHLkV1k&8 BGhP4y literal 0 HcmV?d00001 diff --git a/images/new.png b/images/new.png new file mode 100644 index 0000000000000000000000000000000000000000..540f1d7ae5e3d93f4fde77d84a7dcad8510cda3d GIT binary patch literal 174 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJQcoAhkO=qW6p4fb76-l=Pk7s~ zZr!@S3dg5UooX5Mh|^2vgZwLoO=lTisz(=xhhJa8?B<+c!U7~_v@&eTDPOQ8M&0Q> zbsMTUNK~~GB9kvl%*KRyVD5h O00vK2KbLh*2~7ZU);#L~ literal 0 HcmV?d00001 diff --git a/images/order.png b/images/order.png new file mode 100644 index 0000000000000000000000000000000000000000..3298720ed6db9c8358d1403c6743d3220d8362fc GIT binary patch literal 513 zcmV+c0{;DpP)ljfF1&jjfed8Wjo>UqXBg3dBS!t!!=MtFEFXFwZDW8_&exF1;+Vq#00F)gsCzxkKrJQ9aa$#sTM^=E_&reIyii!~ zLhmIrxWSD~6w5YOPCXO&6fN-2d0IA@FfgIIt*aNlzp%O@7C5CX^S2z?W zS%Hv2SeY@fqHy6m-((6J0I)=ad6NjWsw-|t3bYFRGWcU55&*!}VMpwc0Q%2xkvCAORZ4z^_*`*C zjr2#nZ0MjO9sMh!0_s1*<5`ftlnk^tC0G+Hh=l=k9 z3V_Po=WL{p+KyJX;m&Bc8PPLGJ(KnV`WkLa6`h)2h{_s2*|pR600000NkvXXu0mjf D 常用功能 + + + 我的发布 + + + + 我的订单 + 我的报名 diff --git a/pages/center/center.wxss b/pages/center/center.wxss index c4d5a4a..db089b3 100644 --- a/pages/center/center.wxss +++ b/pages/center/center.wxss @@ -55,6 +55,7 @@ text-align: center; padding: 0 15rpx; box-sizing: border-box; + margin-bottom: 15rpx; } .main-box image{ width: 65rpx; diff --git a/pages/friendCircle/friendCircle.js b/pages/friendCircle/friendCircle.js index 7dbc9e1..3232d7a 100644 --- a/pages/friendCircle/friendCircle.js +++ b/pages/friendCircle/friendCircle.js @@ -53,6 +53,16 @@ Page({ wx.hideLoading(); }); }, + newFriendCircle: function () { + wx.navigateTo({ + url: '../newFriendCircle/newFriendCircle', + }) + }, + toMyFriendCircle: function () { + wx.navigateTo({ + url: '../myFriendCircle/myFriendCircle', + }) + }, /** * 生命周期函数--监听页面加载 */ diff --git a/pages/friendCircle/friendCircle.wxml b/pages/friendCircle/friendCircle.wxml index a193577..f2c197e 100644 --- a/pages/friendCircle/friendCircle.wxml +++ b/pages/friendCircle/friendCircle.wxml @@ -48,4 +48,8 @@ {{item.gmtCreate}} + + + 发布 + 我的 \ No newline at end of file diff --git a/pages/friendCircle/friendCircle.wxss b/pages/friendCircle/friendCircle.wxss index 00bff95..d41c2c7 100644 --- a/pages/friendCircle/friendCircle.wxss +++ b/pages/friendCircle/friendCircle.wxss @@ -49,4 +49,23 @@ } .video video{ width: 100%; +} +.new-friend-circle{ + position: fixed; + right: 30rpx; + bottom: 30rpx; +} +.box{ + width: 100rpx; + height: 100rpx; + display: flex; + justify-content: center; + align-items: center; + background: #9F1512; + color: #fff; + font-size: 32rpx; + border-radius: 50%; +} +.new{ + margin-bottom: 10rpx; } \ No newline at end of file diff --git a/pages/myFriendCircle/myFriendCircle.js b/pages/myFriendCircle/myFriendCircle.js new file mode 100644 index 0000000..bba010c --- /dev/null +++ b/pages/myFriendCircle/myFriendCircle.js @@ -0,0 +1,116 @@ +// pages/friendCircle/friendCircle.js +var app = getApp(); +Page({ + + /** + * 页面的初始数据 + */ + data: { + usercenterUrl: app.usercenterUrl, + socialUrl: app.socialUrl, + momentsList: [], + currentPage: 1, + rows: 20 + }, + doGetMomentsList: function(page) { + var self = this; + app.dialog.loading('正在加载'); + app.restAjax.get(app.restAjax.path('{socialUrl}/app/moments/listpagemomentsofpublicrelease', [self.data.socialUrl]), { + page: page, + rows: self.data.rows + }, null, function(code, data) { + if(data.rows.length == 0) { + app.dialog.msg('暂无数据'); + return; + } + for(var i = 0, item; item = data.rows[i++];) { + if(item.type === 'photo') { + var photos = item.photos.split(','); + var photoArray = []; + for(var j = 0, jItem; jItem = photos[j++];) { + if(jItem.length != 0) { + photoArray.push(jItem); + } + } + item.photoArray = photoArray; + } + } + var momentsArray; + if(page <= 1) { + momentsArray = data.rows; + } else { + momentsArray = self.data.news.newsList; + momentsArray = momentsArray.concat(data.rows); + } + self.setData({ + currentPage: page, + momentsList: momentsArray + }) + }, function(code, data) { + app.dialog.msg(data.msg); + }, function() { + wx.stopPullDownRefresh(); + wx.hideLoading(); + }); + }, + newFriendCircle: function () { + wx.navigateTo({ + url: '../newFriendCircle/newFriendCircle', + }) + }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + this.doGetMomentsList(1); + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + this.doGetMomentsList(1); + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + this.doGetMomentsList(this.data.currentPage + 1); + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/myFriendCircle/myFriendCircle.json b/pages/myFriendCircle/myFriendCircle.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/myFriendCircle/myFriendCircle.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/myFriendCircle/myFriendCircle.wxml b/pages/myFriendCircle/myFriendCircle.wxml new file mode 100644 index 0000000..15dfbad --- /dev/null +++ b/pages/myFriendCircle/myFriendCircle.wxml @@ -0,0 +1,54 @@ + + + + + + + {{item.creatorName}} + {{item.content}} + {{item.gmtCreate}} + + + + + + + + {{item.creatorName}} + {{item.content}} + + + + {{item.gmtCreate}} + + + + + + + + {{item.creatorName}} + {{item.content}} + + + + {{item.gmtCreate}} + + + + + + + + {{item.creatorName}} + {{item.content}} + + + + {{item.gmtCreate}} + + + + + 发布 + \ No newline at end of file diff --git a/pages/myFriendCircle/myFriendCircle.wxss b/pages/myFriendCircle/myFriendCircle.wxss new file mode 100644 index 0000000..5b9cd19 --- /dev/null +++ b/pages/myFriendCircle/myFriendCircle.wxss @@ -0,0 +1,68 @@ +.friend-circle{ + padding: 15rpx 30rpx; + border-bottom: 1px solid #DEDEDE; +} +.friend-circle:last-child { + border-bottom: none; +} +.friend-circle-box{ + display: flex; + justify-content: space-between; + padding-bottom: 10rpx; +} + +.avatar{ + width: 8%; +} +.avatar image{ + width: 100%; + height: 50rpx; + border-radius: 50rpx; +} +.content{ + width: 90%; +} +.name{ + font-size: 30rpx; + color: #949494; +} +.text{ + font-size: 32rpx; + color: #000; + margin: 10rpx 0; +} +.date{ + font-size: 28rpx; + color: #949494; +} +.photo-one image{ + width: 100%; +} +.photo-more image{ + width: 32%; + height: 150rpx; + margin-right: 2%; + margin-bottom: 10rpx; +} +.photo-more image:nth-child(3n){ + margin-right: 0; +} +.video video{ + width: 100%; +} +.new-friend-circle{ + position: fixed; + right: 30rpx; + bottom: 30rpx; +} +.box{ + width: 100rpx; + height: 100rpx; + display: flex; + justify-content: center; + align-items: center; + background: #9F1512; + color: #fff; + font-size: 32rpx; + border-radius: 50%; +} \ No newline at end of file diff --git a/pages/newFriendCircle/newFriendCircle.js b/pages/newFriendCircle/newFriendCircle.js new file mode 100644 index 0000000..743ed1c --- /dev/null +++ b/pages/newFriendCircle/newFriendCircle.js @@ -0,0 +1,130 @@ +// pages/newFriendCircle/newFriendCircle.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + showAdd: true, + selectedType: '', + selectedList: [], + isPublic: '' //朋友圈是否公开 + }, + changepublic: function (e) { + this.setData({ + isPublic: e.detail.value + }) + }, + selectContent: function () { + var self = this + wx.chooseMedia({ + count: 9 - self.data.selectedList.length, + mediaType: ['image','video'], + sourceType: ['album', 'camera'], + success: function (res) { + console.log(res) + if (res.type == 'image') { + self.setData({ + selectedType: res.type, + selectedList: self.data.selectedList.concat(res.tempFiles) + }) + } else { + self.setData({ + selectedType: res.type, + selectedList: self.data.selectedList.concat(res.tempFiles) + }) + } + self.isShowAdd() + console.log(self.data.selectedList) + } + }) + }, + deletePhoto: function (e) { + var self = this + var now = e.currentTarget.dataset.idx + var result = self.data.selectedList + result.splice(now, 1) + this.setData({ + selectedList: result + }) + self.isShowAdd('delete') + }, + isShowAdd: function (from) { + if (this.data.selectedType == 'image') { + if (this.data.selectedList.length < 9) { + this.setData({ + showAdd: true + }) + } else { + this.setData({ + showAdd: false + }) + } + } else { + if (from) { + this.setData({ + showAdd: true + }) + } else { + this.setData({ + showAdd: false + }) + } + } + }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/newFriendCircle/newFriendCircle.json b/pages/newFriendCircle/newFriendCircle.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/newFriendCircle/newFriendCircle.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/newFriendCircle/newFriendCircle.wxml b/pages/newFriendCircle/newFriendCircle.wxml new file mode 100644 index 0000000..154553e --- /dev/null +++ b/pages/newFriendCircle/newFriendCircle.wxml @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + 是否公开: + + 公开 + 不公开 + + + + + 发布 + \ No newline at end of file diff --git a/pages/newFriendCircle/newFriendCircle.wxss b/pages/newFriendCircle/newFriendCircle.wxss new file mode 100644 index 0000000..18d657f --- /dev/null +++ b/pages/newFriendCircle/newFriendCircle.wxss @@ -0,0 +1,79 @@ +.new-friend-circle{ + padding: 30rpx; + margin-bottom: 100rpx; +} +.text{ + width: 100%; + height: 250rpx; + margin-bottom: 30rpx; +} +.text textarea{ + width: 100%; + height: 100%; + border: 1px solid #DEDEDE; + padding: 15rpx; + box-sizing: border-box; + font-size: 32rpx; +} +.add{ + width: 32%; + height: 200rpx; + background: #DEDEDE; + display: inline-flex; + justify-content: center; + align-items: center; + vertical-align: top; +} +.add image{ + width: 100rpx; + height: 100rpx; +} +.is-public{ + margin-top: 20rpx; + font-size: 30rpx; +} +.is-public radio-group{ + display: inline-block; +} +.is-public radio-group radio{ + margin-right: 20rpx; +} +.photo{ + display: inline-block; + width: 32%; + height: 200rpx; + margin-right: 2%; + position: relative; + margin-bottom: 20rpx; +} +.photo:nth-child(3n){ + margin-right: 0; +} +.photo image{ + width: 100%; + height: 100%; +} +.photo image.delete{ + width: 30rpx; + height: 30rpx; + position: absolute; + top: -15rpx; + right: -15rpx; +} +.type-box, .type-box video{ + width: 100%; + height: 100%; +} +.submit{ + position: fixed; + left: 0; + right: 0; + bottom: 0; + background: #9F1512; + height: 100rpx; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + font-size: 32rpx; +} \ No newline at end of file