lihenian
5 years ago
22 changed files with 1465 additions and 1229 deletions
@ -1,168 +1,169 @@ |
|||
{ |
|||
"pages": [ |
|||
"pages/start/start", |
|||
"pages/indexNew/indexNew", |
|||
"pages/index/index", |
|||
"pages/mine/mine", |
|||
"pages/association/association", |
|||
"pages/discussion/discussion", |
|||
"pages/toRegister/toRegister", |
|||
"pages/toScan/toScan", |
|||
"pages/complete/complete", |
|||
"pages/formid/formid", |
|||
"pages/register/register", |
|||
"pages/detail/detail", |
|||
"pages/accept/accept", |
|||
"pages/gridLeaderRegister/gridLeaderRegister", |
|||
"pages/heart/heart", |
|||
"pages/heartNew/heartNew" |
|||
], |
|||
"subPackages": [ |
|||
{ |
|||
"root": "subpages/home", |
|||
"name": "home", |
|||
"pages": [ |
|||
"pages/webview/webview", |
|||
"pages/agreement/agreement", |
|||
"pages/notice/notice", |
|||
"pages/noticeNew/noticeNew", |
|||
"pages/info/info", |
|||
"pages/noticeDetail/noticeDetail", |
|||
"pages/newsDetail/newsDetail", |
|||
"pages/newsList/newsList" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/changegrid", |
|||
"name": "changeGrid", |
|||
"pages": [ |
|||
"pages/changeGrid/changeGrid" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/association", |
|||
"name": "association", |
|||
"pages": [ |
|||
"pages/joinassociation/joinassociation", |
|||
"pages/createassociation/createassociation", |
|||
"pages/associationMember/associationMember", |
|||
"pages/associationDetail/associationDetail", |
|||
"pages/inviteFriend/inviteFriend", |
|||
"pages/incomingVerify/incomingVerify", |
|||
"pages/unpassAssociation/unpassAssociation", |
|||
"pages/topicList/topicList", |
|||
"pages/addTopic/addTopic", |
|||
"pages/topicDetail/topicDetail", |
|||
"pages/replyOrRemark/replyOrRemark", |
|||
"pages/changeToIssue/changeToIssue" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/associationNew", |
|||
"name": "associationNew", |
|||
"pages": [ |
|||
"pages/associationlist/associationlist", |
|||
"pages/community/community", |
|||
"pages/gMembersList/gMembersList", |
|||
"pages/gOfficialsList/gOfficialsList", |
|||
"pages/talklist/talklist", |
|||
"pages/eventlist/eventlist", |
|||
"pages/addTopic/addTopic" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/discussion", |
|||
"name": "discussion", |
|||
"pages": [ |
|||
"pages/addIssue/addIssue", |
|||
"pages/discussionDetail/discussionDetail", |
|||
"pages/publishEvaluation/publishEvaluation", |
|||
"pages/remarkOrReply/remarkOrReply", |
|||
"pages/searchDiscussion/searchDiscussion", |
|||
"pages/categoryList/categoryList" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/mine", |
|||
"name": "mine", |
|||
"pages": [ |
|||
"pages/eventDetail/eventDetail", |
|||
"pages/inviteRecord/inviteRecord", |
|||
"pages/gridManage/gridManage" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/integralCentre", |
|||
"name": "integralCentre", |
|||
"pages": [ |
|||
"pages/index/index" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/heart", |
|||
"pages": [ |
|||
"pages/heartDetail/heartDetail", |
|||
"pages/leaderboard/leaderboard", |
|||
"pages/leaderboardNew/leaderboardNew", |
|||
"pages/myNews/myNews", |
|||
"pages/clockIn/clockIn", |
|||
"pages/volunteer/volunteer", |
|||
"pages/signed/signed", |
|||
"pages/refusedOrEndedDetail/refusedOrEndedDetail", |
|||
"pages/cancelDetail/cancelDetail" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/understandJs", |
|||
"pages": [ |
|||
"pages/index/index", |
|||
"pages/impression/impression", |
|||
"pages/delicious/delicious", |
|||
"pages/sclerotia/sclerotia", |
|||
"pages/archives/archives", |
|||
"pages/noticeDetail/noticeDetail" |
|||
] |
|||
} |
|||
], |
|||
"preloadRule": { |
|||
"pages/indexNew/indexNew": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"subpages/changegrid" |
|||
] |
|||
}, |
|||
"pages/discussion/discussion": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"discussion" |
|||
] |
|||
}, |
|||
"pages/association/association": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"subpages/association" |
|||
] |
|||
}, |
|||
"pages/mine/mine": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"mine" |
|||
] |
|||
} |
|||
}, |
|||
"window": { |
|||
"backgroundTextStyle": "light", |
|||
"navigationBarBackgroundColor": "#fff", |
|||
"navigationBarTitleText": "WeChat", |
|||
"navigationBarTextStyle": "black" |
|||
}, |
|||
"networkTimeout": { |
|||
"request": 6000 |
|||
}, |
|||
"permission": { |
|||
"scope.userLocation": { |
|||
"desc": "e锦水将获取您的位置信息" |
|||
} |
|||
}, |
|||
"sitemapLocation": "sitemap84.json" |
|||
{ |
|||
"pages": [ |
|||
"pages/start/start", |
|||
"pages/indexNew/indexNew", |
|||
"pages/index/index", |
|||
"pages/mine/mine", |
|||
"pages/association/association", |
|||
"pages/discussion/discussion", |
|||
"pages/toRegister/toRegister", |
|||
"pages/toScan/toScan", |
|||
"pages/complete/complete", |
|||
"pages/formid/formid", |
|||
"pages/register/register", |
|||
"pages/detail/detail", |
|||
"pages/accept/accept", |
|||
"pages/gridLeaderRegister/gridLeaderRegister", |
|||
"pages/heart/heart", |
|||
"pages/heartNew/heartNew" |
|||
], |
|||
"subPackages": [ |
|||
{ |
|||
"root": "subpages/home", |
|||
"name": "home", |
|||
"pages": [ |
|||
"pages/webview/webview", |
|||
"pages/agreement/agreement", |
|||
"pages/notice/notice", |
|||
"pages/noticeNew/noticeNew", |
|||
"pages/info/info", |
|||
"pages/noticeDetail/noticeDetail", |
|||
"pages/newsDetail/newsDetail", |
|||
"pages/newsList/newsList" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/changegrid", |
|||
"name": "changeGrid", |
|||
"pages": [ |
|||
"pages/changeGrid/changeGrid" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/association", |
|||
"name": "association", |
|||
"pages": [ |
|||
"pages/joinassociation/joinassociation", |
|||
"pages/createassociation/createassociation", |
|||
"pages/associationMember/associationMember", |
|||
"pages/associationDetail/associationDetail", |
|||
"pages/inviteFriend/inviteFriend", |
|||
"pages/incomingVerify/incomingVerify", |
|||
"pages/unpassAssociation/unpassAssociation", |
|||
"pages/topicList/topicList", |
|||
"pages/addTopic/addTopic", |
|||
"pages/topicDetail/topicDetail", |
|||
"pages/replyOrRemark/replyOrRemark", |
|||
"pages/changeToIssue/changeToIssue" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/associationNew", |
|||
"name": "associationNew", |
|||
"pages": [ |
|||
"pages/associationlist/associationlist", |
|||
"pages/community/community", |
|||
"pages/guideInfo/guideInfo", |
|||
"pages/gMembersList/gMembersList", |
|||
"pages/gOfficialsList/gOfficialsList", |
|||
"pages/talklist/talklist", |
|||
"pages/eventlist/eventlist", |
|||
"pages/addTopic/addTopic" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/discussion", |
|||
"name": "discussion", |
|||
"pages": [ |
|||
"pages/addIssue/addIssue", |
|||
"pages/discussionDetail/discussionDetail", |
|||
"pages/publishEvaluation/publishEvaluation", |
|||
"pages/remarkOrReply/remarkOrReply", |
|||
"pages/searchDiscussion/searchDiscussion", |
|||
"pages/categoryList/categoryList" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/mine", |
|||
"name": "mine", |
|||
"pages": [ |
|||
"pages/eventDetail/eventDetail", |
|||
"pages/inviteRecord/inviteRecord", |
|||
"pages/gridManage/gridManage" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/integralCentre", |
|||
"name": "integralCentre", |
|||
"pages": [ |
|||
"pages/index/index" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/heart", |
|||
"pages": [ |
|||
"pages/heartDetail/heartDetail", |
|||
"pages/leaderboard/leaderboard", |
|||
"pages/leaderboardNew/leaderboardNew", |
|||
"pages/myNews/myNews", |
|||
"pages/clockIn/clockIn", |
|||
"pages/volunteer/volunteer", |
|||
"pages/signed/signed", |
|||
"pages/refusedOrEndedDetail/refusedOrEndedDetail", |
|||
"pages/cancelDetail/cancelDetail" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "subpages/understandJs", |
|||
"pages": [ |
|||
"pages/index/index", |
|||
"pages/impression/impression", |
|||
"pages/delicious/delicious", |
|||
"pages/sclerotia/sclerotia", |
|||
"pages/archives/archives", |
|||
"pages/noticeDetail/noticeDetail" |
|||
] |
|||
} |
|||
], |
|||
"preloadRule": { |
|||
"pages/indexNew/indexNew": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"subpages/changegrid" |
|||
] |
|||
}, |
|||
"pages/discussion/discussion": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"discussion" |
|||
] |
|||
}, |
|||
"pages/association/association": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"subpages/association" |
|||
] |
|||
}, |
|||
"pages/mine/mine": { |
|||
"network": "all", |
|||
"packages": [ |
|||
"mine" |
|||
] |
|||
} |
|||
}, |
|||
"window": { |
|||
"backgroundTextStyle": "light", |
|||
"navigationBarBackgroundColor": "#fff", |
|||
"navigationBarTitleText": "WeChat", |
|||
"navigationBarTextStyle": "black" |
|||
}, |
|||
"networkTimeout": { |
|||
"request": 6000 |
|||
}, |
|||
"permission": { |
|||
"scope.userLocation": { |
|||
"desc": "e锦水将获取您的位置信息" |
|||
} |
|||
}, |
|||
"sitemapLocation": "sitemap84.json" |
|||
} |
|||
@ -1,56 +1,59 @@ |
|||
<wxs module="filters" src="../../utils/filters.wxs"></wxs> |
|||
<view class="members-list"> |
|||
<block wx:if="{{gMembersList.length > 0}}"> |
|||
<view class="members-item" |
|||
wx:for="{{gMembersList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<view class="item-top"> |
|||
<image class="head-icon" src="{{item.userAvatar}}"></image> |
|||
<text class="user-name">{{item.nickname}}</text><image wx:if="{{item.identityFlag === '0'}}" class="leader-logo" src="../../images/leader-logo.png"></image> |
|||
</view> |
|||
<view class="line"></view> |
|||
<view class="item-bottom"> |
|||
<button bindtap="gLevelUp" data-group-user-id="{{item.id}}" class="levelup-btn" plain='true' hover-class="hover-btn" wx:if="{{filters.getIdentity(0,currentUser.identityFlag,item.identityFlag)}}"> |
|||
<text>升级副群主</text> |
|||
<image src="../../images/btn1.png"/> |
|||
</button> |
|||
<button bindtap="gLevelDown" data-group-user-id="{{item.id}}" class="levelup-btn" plain='true' hover-class="hover-btn" wx:if="{{filters.getIdentity(1,currentUser.identityFlag,item.identityFlag)}}"> |
|||
<text>降为群成员</text> |
|||
<image src="../../images/btn1.png"/> |
|||
</button> |
|||
<!-- <button class="takeout-btn" plain='true' hover-class="hover-btn"> |
|||
<text>踢出群</text> |
|||
<image src="../../images/btn2.png"/> |
|||
</button> --> |
|||
<button disabled="{{!filters.disabledBanned(currentUser.identityFlag,item.identityFlag)}}" bindtap="onNoSpeak" data-group-user-id="{{item.id}}" class="forbidden-btn {{filters.forbiddenClass(currentUser.identityFlag,item.identityFlag)?'disForbidden-btn':''}}" plain='true' hover-class="hover-btn" wx:if="{{item.identityFlag!=='0'}}"> |
|||
<text space="ensp">{{filters.getBanned(item.bannedFlag)}}</text> |
|||
<image src="../../images/{{filters.forbiddenClass(currentUser.identityFlag,item.identityFlag)?'arrowd2.png':'arrowd.png'}}"/> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<block wx:if="{{gOfficialsList.length > 0}}"> |
|||
<view class="members-item" |
|||
wx:for="{{gOfficialsList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<view class="item-top"> |
|||
<image class="head-icon" src="{{item.faceImg}}"></image> |
|||
<view class="np-info"> |
|||
<text class="user-name">{{item.name}}</text> |
|||
<text class="user-phone">{{item.mobile}}</text> |
|||
</view> |
|||
<button class="call-btn" plain='true' hover-class="hover-btn" bindtap="onPhone" data-number="{{item.mobile}}"> |
|||
<image src="../../images/call.png"/> |
|||
</button> |
|||
</view> |
|||
<view class="line"></view> |
|||
<view class="item-bottom2"> |
|||
<text class="member-label">{{item.motto}}</text> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<wxs module="filters" src="../../utils/filters.wxs"></wxs> |
|||
<view class="members-list"> |
|||
<block wx:if="{{gMembersList.length > 0}}"> |
|||
<view class="members-item" |
|||
wx:for="{{gMembersList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<view class="item-top"> |
|||
<image class="head-icon" src="{{item.userAvatar}}"></image> |
|||
<text class="user-name">{{item.nickname}}</text> |
|||
<image wx:if="{{item.identityFlag === '0'}}" class="identity-logo identity0" src="../../images/leader-logo@2x.png"></image> |
|||
<image wx:if="{{item.identityFlag === '1'}}" class="identity-logo identity1" src="../../images/leader2-logo@2x.png"></image> |
|||
<image wx:if="{{item.thisCommunity === '1'}}" class="identity-logo this-community" src="../../images/resident@2x.png"></image> |
|||
</view> |
|||
<view class="line"></view> |
|||
<view class="item-bottom"> |
|||
<button bindtap="gLevelUp" data-group-user-id="{{item.id}}" class="levelup-btn" plain='true' hover-class="hover-btn" wx:if="{{filters.getIdentity(0,currentUser.identityFlag,item.identityFlag)}}"> |
|||
<text>升级副群主</text> |
|||
<image src="../../images/btn1.png"/> |
|||
</button> |
|||
<button bindtap="gLevelDown" data-group-user-id="{{item.id}}" class="levelup-btn" plain='true' hover-class="hover-btn" wx:if="{{filters.getIdentity(1,currentUser.identityFlag,item.identityFlag)}}"> |
|||
<text>降为群成员</text> |
|||
<image src="../../images/btn1.png"/> |
|||
</button> |
|||
<!-- <button class="takeout-btn" plain='true' hover-class="hover-btn"> |
|||
<text>踢出群</text> |
|||
<image src="../../images/btn2.png"/> |
|||
</button> --> |
|||
<button disabled="{{!filters.disabledBanned(currentUser.identityFlag,item.identityFlag)}}" bindtap="onNoSpeak" data-group-user-id="{{item.id}}" class="forbidden-btn {{filters.forbiddenClass(currentUser.identityFlag,item.identityFlag)?'disForbidden-btn':''}}" plain='true' hover-class="hover-btn" wx:if="{{item.identityFlag!=='0'}}"> |
|||
<text space="ensp">{{filters.getBanned(item.bannedFlag)}}</text> |
|||
<image src="../../images/{{filters.forbiddenClass(currentUser.identityFlag,item.identityFlag)?'arrowd2.png':'arrowd.png'}}"/> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<block wx:if="{{gOfficialsList.length > 0}}"> |
|||
<view class="members-item" |
|||
wx:for="{{gOfficialsList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<view class="item-top"> |
|||
<image class="head-icon" src="{{item.faceImg}}"></image> |
|||
<view class="np-info"> |
|||
<text class="user-name">{{item.name}}</text> |
|||
<text class="user-phone">{{item.mobile}}</text> |
|||
</view> |
|||
<button class="call-btn" plain='true' hover-class="hover-btn" bindtap="onPhone" data-number="{{item.mobile}}"> |
|||
<image src="../../images/call.png"/> |
|||
</button> |
|||
</view> |
|||
<view class="line"></view> |
|||
<view class="item-bottom2"> |
|||
<text class="member-label">{{item.motto}}</text> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
</view> |
|||
@ -1,164 +1,172 @@ |
|||
.hover-btn { |
|||
box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1); |
|||
} |
|||
.line { |
|||
width: 690rpx; |
|||
height: 2rpx; |
|||
margin: 0 auto; |
|||
background: rgba(240, 240, 240, 1); |
|||
} |
|||
.members-item{ |
|||
background: rgba(255, 255, 255, 1); |
|||
margin-top: 20rpx; |
|||
position: relative; |
|||
} |
|||
.members-item .item-top{ |
|||
width: 750rpx; |
|||
height: 130rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: left; |
|||
align-items: center; |
|||
} |
|||
.members-item .item-top .head-icon{ |
|||
width: 90rpx; |
|||
height: 90rpx; |
|||
border-radius: 50%; |
|||
margin-left: 29rpx; |
|||
} |
|||
.members-item .item-top .user-name{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(0, 0, 0, 1); |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-top .leader-logo{ |
|||
width: 59rpx; |
|||
height: 28rpx; |
|||
margin-left: 8rpx; |
|||
} |
|||
.members-item .item-bottom{ |
|||
height: 100rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
} |
|||
.members-item .item-bottom .levelup-btn{ |
|||
display: inline-block; |
|||
width: 180rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: relative; |
|||
border: none; |
|||
margin-left: 29rpx; |
|||
margin-top: 26rpx; |
|||
} |
|||
.members-item .item-bottom .takeout-btn{ |
|||
display: inline-block; |
|||
width: 140rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: relative; |
|||
border: none; |
|||
z-index: 0; |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-bottom .forbidden-btn{ |
|||
display: inline-block; |
|||
width: 170rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: absolute; |
|||
z-index: 0; |
|||
margin-left: 20rpx; |
|||
right: 32rpx; |
|||
top: 26rpx; |
|||
border: 1rpx solid rgba(241, 86, 28, 1); |
|||
border-radius: 23rpx; |
|||
} |
|||
.levelup-btn image, .takeout-btn image, .forbidden-btn image, .call-btn image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.forbidden-btn image{ |
|||
width: 24rpx; |
|||
height: 14rpx; |
|||
position: absolute; |
|||
left: 135rpx; |
|||
top: 18rpx; |
|||
} |
|||
.levelup-btn text, .takeout-btn text{ |
|||
font-size: 26rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(255, 255, 255, 1); |
|||
z-index: 1; |
|||
position: absolute; |
|||
left: 25rpx; |
|||
top: 0; |
|||
height: 48rpx; |
|||
line-height: 48rpx; |
|||
} |
|||
.forbidden-btn text{ |
|||
font-size: 26rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(242, 80, 27, 1); |
|||
z-index: 1; |
|||
position: absolute; |
|||
left: 28rpx; |
|||
top: 0; |
|||
height: 48rpx; |
|||
line-height: 48rpx; |
|||
} |
|||
.disForbidden-btn { |
|||
border: 1rpx solid rgba(170, 170, 170, 1) !important; |
|||
} |
|||
.disForbidden-btn text{ |
|||
color: rgba(170, 170, 170, 1) !important; |
|||
} |
|||
|
|||
.members-item .item-top .call-btn{ |
|||
width: 156rpx; |
|||
height: 56rpx; |
|||
padding: 0; |
|||
position: absolute; |
|||
border: none; |
|||
right: 31rpx; |
|||
} |
|||
.members-item .item-top .np-info{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.members-item .item-top .user-phone{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(240, 133, 38, 1); |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-bottom2{ |
|||
height: 100rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.member-label{ |
|||
margin-left: 30rpx; |
|||
margin-right: 37rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
white-space: normal !important; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
.hover-btn { |
|||
box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1); |
|||
} |
|||
.line { |
|||
width: 690rpx; |
|||
height: 2rpx; |
|||
margin: 0 auto; |
|||
background: rgba(240, 240, 240, 1); |
|||
} |
|||
.members-item{ |
|||
background: rgba(255, 255, 255, 1); |
|||
margin-top: 20rpx; |
|||
position: relative; |
|||
} |
|||
.members-item .item-top{ |
|||
width: 750rpx; |
|||
height: 130rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: left; |
|||
align-items: center; |
|||
} |
|||
.members-item .item-top .head-icon{ |
|||
width: 90rpx; |
|||
height: 90rpx; |
|||
border-radius: 50%; |
|||
margin-left: 29rpx; |
|||
} |
|||
.members-item .item-top .user-name{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(0, 0, 0, 1); |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-top .identity-logo{ |
|||
height: 28rpx; |
|||
margin-left: 8rpx; |
|||
} |
|||
.members-item .item-top .identity0{ |
|||
width: 59rpx; |
|||
} |
|||
.members-item .item-top .identity1{ |
|||
width: 76rpx; |
|||
} |
|||
.members-item .item-top .this-community{ |
|||
width: 116rpx; |
|||
} |
|||
.members-item .item-bottom{ |
|||
height: 100rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
} |
|||
.members-item .item-bottom .levelup-btn{ |
|||
display: inline-block; |
|||
width: 180rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: relative; |
|||
border: none; |
|||
margin-left: 29rpx; |
|||
margin-top: 26rpx; |
|||
} |
|||
.members-item .item-bottom .takeout-btn{ |
|||
display: inline-block; |
|||
width: 140rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: relative; |
|||
border: none; |
|||
z-index: 0; |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-bottom .forbidden-btn{ |
|||
display: inline-block; |
|||
width: 170rpx; |
|||
height: 48rpx; |
|||
padding: 0; |
|||
position: absolute; |
|||
z-index: 0; |
|||
margin-left: 20rpx; |
|||
right: 32rpx; |
|||
top: 26rpx; |
|||
border: 1rpx solid rgba(241, 86, 28, 1); |
|||
border-radius: 23rpx; |
|||
} |
|||
.levelup-btn image, .takeout-btn image, .forbidden-btn image, .call-btn image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.forbidden-btn image{ |
|||
width: 24rpx; |
|||
height: 14rpx; |
|||
position: absolute; |
|||
left: 135rpx; |
|||
top: 18rpx; |
|||
} |
|||
.levelup-btn text, .takeout-btn text{ |
|||
font-size: 26rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(255, 255, 255, 1); |
|||
z-index: 1; |
|||
position: absolute; |
|||
left: 25rpx; |
|||
top: 0; |
|||
height: 48rpx; |
|||
line-height: 48rpx; |
|||
} |
|||
.forbidden-btn text{ |
|||
font-size: 26rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(242, 80, 27, 1); |
|||
z-index: 1; |
|||
position: absolute; |
|||
left: 28rpx; |
|||
top: 0; |
|||
height: 48rpx; |
|||
line-height: 48rpx; |
|||
} |
|||
.disForbidden-btn { |
|||
border: 1rpx solid rgba(170, 170, 170, 1) !important; |
|||
} |
|||
.disForbidden-btn text{ |
|||
color: rgba(170, 170, 170, 1) !important; |
|||
} |
|||
|
|||
.members-item .item-top .call-btn{ |
|||
width: 156rpx; |
|||
height: 56rpx; |
|||
padding: 0; |
|||
position: absolute; |
|||
border: none; |
|||
right: 31rpx; |
|||
} |
|||
.members-item .item-top .np-info{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.members-item .item-top .user-phone{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(240, 133, 38, 1); |
|||
margin-left: 20rpx; |
|||
} |
|||
.members-item .item-bottom2{ |
|||
height: 100rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.member-label{ |
|||
margin-left: 30rpx; |
|||
margin-right: 37rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
white-space: normal !important; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 466 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -1,66 +1,65 @@ |
|||
import { getImageUrl} from '../../utils/api' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
partyGroupId: '', |
|||
imageUrlList: [], |
|||
pageNo: 1, |
|||
pageSize: 10 |
|||
}, |
|||
onLoad: function (options) { |
|||
this.data.partyGroupId = options.code |
|||
getImageUrl().then(res => { |
|||
this.setData({ |
|||
imageUrlList: [...res.data] |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
//跳转页面
|
|||
navToGroupMembers (e) { |
|||
console.log(this.data.partyGroupId) |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/gMembersList/gMembersList?partyGroupId=${this.data.partyGroupId}` |
|||
}) |
|||
}, |
|||
navToNewPage (e) { |
|||
// console.log(e.currentTarget.dataset.page);
|
|||
if (e.currentTarget.dataset.page === 'help') { |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/gOfficialsList/gOfficialsList?partyGroupId=${this.data.partyGroupId}` |
|||
}) |
|||
} else if (e.currentTarget.dataset.page === 'gather') { |
|||
console.log('/subpages/associationNew/pages/community/community.js') |
|||
wx.navigateTo({ |
|||
url:`/subpages/associationNew/pages/eventlist/eventlist?partyGroupId=${this.data.partyGroupId}&topicType=1` //`#/话对捧个场`
|
|||
}) |
|||
} else if (e.currentTarget.dataset.page === 'applause') { |
|||
wx.navigateTo({ |
|||
url:`/subpages/associationNew/pages/eventlist/eventlist?partyGroupId=${this.data.partyGroupId}&topicType=0` //`#/事好鼓个掌`
|
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
import { getImageUrl} from '../../utils/api' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
partyGroupId: '', |
|||
imageUrlList: [], |
|||
pageNo: 1, |
|||
pageSize: 10 |
|||
}, |
|||
onLoad: function (options) { |
|||
this.data.partyGroupId = options.code |
|||
getImageUrl().then(res => { |
|||
this.setData({ |
|||
imageUrlList: [...res.data] |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
//跳转页面-群成员
|
|||
navToGroupMembers (e) { |
|||
console.log(this.data.partyGroupId) |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/gMembersList/gMembersList?partyGroupId=${this.data.partyGroupId}` |
|||
}) |
|||
}, |
|||
navToNewPage (e) { |
|||
// console.log(e.currentTarget.dataset.page);
|
|||
if (e.currentTarget.dataset.page === 'help') { |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/gOfficialsList/gOfficialsList?partyGroupId=${this.data.partyGroupId}` |
|||
}) |
|||
} else if (e.currentTarget.dataset.page === 'gather') { |
|||
wx.navigateTo({ |
|||
url:`/subpages/associationNew/pages/eventlist/eventlist?partyGroupId=${this.data.partyGroupId}&topicType=1` //`#/话对捧个场`
|
|||
}) |
|||
} else if (e.currentTarget.dataset.page === 'applause') { |
|||
wx.navigateTo({ |
|||
url:`/subpages/associationNew/pages/eventlist/eventlist?partyGroupId=${this.data.partyGroupId}&topicType=0` //`#/事好鼓个掌`
|
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
|
|||
@ -1,13 +1,13 @@ |
|||
<view class="community"> |
|||
<view class="func-top"> |
|||
<text>群成员</text> |
|||
<button hover-class="hover-class" class="top-right" bindtap="navToGroupMembers" plain='true'><image src="../../images/next.png"/></button> |
|||
</view> |
|||
<view class="func-item" |
|||
wx:for="{{imageUrlList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<image bindtap="navToNewPage" data-page="{{item.imgCode}}" src="{{item.imgUrl}}"/> |
|||
</view> |
|||
</view> |
|||
<view class="community"> |
|||
<view class="func-top"> |
|||
<text>群成员</text> |
|||
<button hover-class="hover-class" class="top-right" bindtap="navToGroupMembers" plain='true'><image src="../../images/next.png"/></button> |
|||
</view> |
|||
<view class="func-item" |
|||
wx:for="{{imageUrlList}}" |
|||
wx:for-index="index" |
|||
wx:for-item="item" |
|||
wx:key="index"> |
|||
<image bindtap="navToNewPage" data-page="{{item.imgCode}}" src="{{item.imgUrl}}"/> |
|||
</view> |
|||
</view> |
|||
|
|||
@ -1,49 +1,49 @@ |
|||
page { |
|||
width:100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
.hover-btn { |
|||
box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1); |
|||
} |
|||
.community .func-top{ |
|||
height: 94rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
background: rgba(255, 255, 255, 1); |
|||
} |
|||
.community .func-top text{ |
|||
height: 94rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 94rpx; |
|||
position: absolute; |
|||
left: 29rpx; |
|||
} |
|||
.community .func-top .top-right{ |
|||
width: 40rpx; |
|||
height: 94rpx; |
|||
padding: 0; |
|||
border: none; |
|||
position: absolute; |
|||
right: 34rpx; |
|||
} |
|||
.community .func-top .top-right image{ |
|||
width: 18rpx; |
|||
height: 24rpx; |
|||
margin: 0; |
|||
position: absolute; |
|||
top: 30rpx; |
|||
} |
|||
.community .func-item{ |
|||
width: 720rpx; |
|||
height: 270rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.community .func-item image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
page { |
|||
width:100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
.hover-btn { |
|||
box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1); |
|||
} |
|||
.community .func-top{ |
|||
height: 94rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
background: rgba(255, 255, 255, 1); |
|||
} |
|||
.community .func-top text{ |
|||
height: 94rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 94rpx; |
|||
position: absolute; |
|||
left: 29rpx; |
|||
} |
|||
.community .func-top .top-right{ |
|||
width: 40rpx; |
|||
height: 94rpx; |
|||
padding: 0; |
|||
border: none; |
|||
position: absolute; |
|||
right: 34rpx; |
|||
} |
|||
.community .func-top .top-right image{ |
|||
width: 18rpx; |
|||
height: 24rpx; |
|||
margin: 0; |
|||
position: absolute; |
|||
top: 30rpx; |
|||
} |
|||
.community .func-item{ |
|||
width: 720rpx; |
|||
height: 270rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.community .func-item image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
@ -1,318 +1,349 @@ |
|||
// subpages/associationNew/pages/eventlist/eventlist.js
|
|||
const app = getApp() |
|||
import { topiclist, commentSubmit, statement } from '../../utils/api' |
|||
import { |
|||
getTimestamp |
|||
} from '../../../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
topiclist: [], |
|||
timestamp: '', |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
partyGroupId: '',//党群id
|
|||
topicType: '',//0:事好儿鼓个掌 1:话对捧个场
|
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
bannedFlag: '',//是否禁言 0：否 1：是
|
|||
ifcomment: false,//是否显示评论
|
|||
focus: false, |
|||
topicId: '',//被评论的话题ID
|
|||
commentContent: '', |
|||
index: 0,//点击的第几条数据，用于评论的局部刷新用
|
|||
infoCompleted: 0, |
|||
completeInfoDialogVisible: false, |
|||
ifpreviewImage:false,//解决图片放大刷新列表的问题
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
partyGroupId: options.partyGroupId, |
|||
topicType: options.topicType,//0:事好儿鼓个掌 1:话对捧个场
|
|||
infoCompleted: app.globalData.infoCompleted |
|||
}) |
|||
if (options.topicType == 0) { |
|||
wx.setNavigationBarTitle({ |
|||
title: '事好鼓个掌' |
|||
}) |
|||
} else { |
|||
wx.setNavigationBarTitle({ |
|||
title: '话对捧个场' |
|||
}) |
|||
} |
|||
|
|||
|
|||
}, |
|||
// 查列表
|
|||
topiclist() { |
|||
let that = this; |
|||
const para = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
topicType: this.data.topicType, |
|||
partyGroupId: this.data.partyGroupId, //党群id
|
|||
partyTopicId:'' |
|||
} |
|||
topiclist(para).then(res => { |
|||
wx.stopPullDownRefresh(); |
|||
that.setData({ |
|||
bannedFlag: res.data.bannedFlag, |
|||
nodata: false, |
|||
topiclist: that.data.topiclist.concat(res.data.topicList), |
|||
loadMoreType: res.data.topicList.length === that.data.pageSize ? 'loading' : 'none', |
|||
loadMoreVisible: res.data.topicList.length === that.data.pageSize ? false : true |
|||
}) |
|||
if (that.data.topiclist.length == 0) {//没有值
|
|||
that.setData({ |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
wx.stopPullDownRefresh(); |
|||
that.setData({ |
|||
topiclist: [], |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
// 跳转 发布话题
|
|||
navigateToAddTopic() { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/addTopic/addTopic?partyGroupId=${this.data.partyGroupId}&topicType=${this.data.topicType}` |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.ifpreviewImage){ |
|||
this.setData({ |
|||
ifpreviewImage:false |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
topiclist: [], |
|||
}) |
|||
this.topiclist() |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
topiclist: [], |
|||
}) |
|||
this.topiclist() |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
}) |
|||
this.topiclist() |
|||
} |
|||
}, |
|||
|
|||
//点赞
|
|||
clicklike(e) { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
let index = e.currentTarget.dataset.index |
|||
// <!-- 用户是否已点赞 0否；1是 -->
|
|||
if (this.data.bannedFlag == '1') {//被禁言
|
|||
wx.showToast({ |
|||
title: '您已经被禁言', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
return false |
|||
} |
|||
let attitude = "" |
|||
if (e.currentTarget.dataset.likeflag == '0') {//点赞
|
|||
attitude = 0 |
|||
} else { |
|||
attitude = 2 |
|||
} |
|||
let that = this; |
|||
const para = { |
|||
topicId: e.currentTarget.dataset.id,//被评论的话题ID
|
|||
attitude: attitude,//表态 0赞；1踩；2取消赞；3取消踩
|
|||
} |
|||
statement(para).then(res => { |
|||
// 点赞成功以后实现局部刷新功能
|
|||
var obj = that.data.topiclist[index] |
|||
// <!-- 用户是否已点赞 0否；1是 -->
|
|||
obj.likeFlag = obj.likeFlag == '0' ? '1' : '0' |
|||
obj.supportNum = obj.likeFlag == '1' ? obj.supportNum + 1 : obj.supportNum - 1 |
|||
that.setData({ |
|||
["topiclist[" + index + "]"]: obj |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
// Textarea获取焦点
|
|||
clickTextarea(e) { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
let index = e.currentTarget.dataset.index |
|||
if (this.data.bannedFlag == '1') {//被禁言
|
|||
wx.showToast({ |
|||
title: '您已经被禁言', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
return false |
|||
} |
|||
this.setData({ |
|||
ifcomment: true, |
|||
focus: true, |
|||
topicId: e.currentTarget.dataset.id, |
|||
index: index |
|||
}) |
|||
}, |
|||
|
|||
// 失去焦点
|
|||
bindAddressInput(e) { |
|||
this.setData({ //失去焦点以后view隐藏
|
|||
ifcomment: false, |
|||
commentContent: '' |
|||
}) |
|||
}, |
|||
// 双向绑定
|
|||
bindIdentity(e) { |
|||
this.setData({ |
|||
commentContent: e.detail.value |
|||
}) |
|||
}, |
|||
// 评论按钮点击事件
|
|||
commentSubmit() { |
|||
let that = this; |
|||
const para = { |
|||
topicId: that.data.topicId,//被评论的话题ID
|
|||
faCommentId: '',//父评论（被评论）ID
|
|||
content: that.data.commentContent,//评论内容
|
|||
} |
|||
commentSubmit(para).then(res => { |
|||
// 评论成功以后，调用接口比对出当前评论列表的数据，对已有列表数据进行替换
|
|||
that.NowTopiclist() |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
// 列表内当前操作的数据
|
|||
NowTopiclist() { |
|||
let that = this; |
|||
const para = { |
|||
pageIndex: 1, |
|||
pageSize: 1, |
|||
timestamp: getTimestamp(), |
|||
topicType: that.data.topicType, |
|||
partyGroupId: that.data.partyGroupId, //党群id
|
|||
partyTopicId: that.data.topicId |
|||
} |
|||
topiclist(para).then(res => { |
|||
console.log(JSON.stringify(res)) |
|||
// 评论成功以后实现局部刷新功能
|
|||
var obj = that.data.topiclist[that.data.index] |
|||
// 评论成功以后评论数量加1
|
|||
// obj.commentNum = obj.commentNum + 1
|
|||
// obj.comments.splice(0, 0, {username:obj.nickname,content:para.content});
|
|||
obj = res.data.topicList[0] |
|||
that.setData({ |
|||
["topiclist[" + that.data.index + "]"]: obj |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
//列表照片的放大查看
|
|||
previewImage(e) { |
|||
this.setData({ |
|||
ifpreviewImage:true |
|||
}) |
|||
app.globalData.previewImage = true |
|||
wx.previewImage({ |
|||
urls: e.currentTarget.dataset.imgarry, |
|||
current: e.currentTarget.dataset.src |
|||
}) |
|||
}, |
|||
// 检查 是否完善信息
|
|||
verifyCompleteInfo() { |
|||
if (this.data.infoCompleted == 0) { |
|||
this.setData({ |
|||
completeInfoDialogVisible: !this.data.completeInfoDialogVisible |
|||
}) |
|||
return true |
|||
} else { |
|||
return false |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
// subpages/associationNew/pages/eventlist/eventlist.js
|
|||
const app = getApp() |
|||
import { topiclist, commentSubmit, statement } from '../../utils/api' |
|||
import { |
|||
getTimestamp |
|||
} from '../../../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
topiclist: [], |
|||
timestamp: '', |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
partyGroupId: '',//党群id
|
|||
topicType: '',//0:事好儿鼓个掌 1:话对捧个场
|
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
bannedFlag: '',//是否禁言 0：否 1：是
|
|||
ifcomment: false,//是否显示评论
|
|||
focus: false, |
|||
topicId: '',//被评论的话题ID
|
|||
commentContent: '', |
|||
index: 0,//点击的第几条数据，用于评论的局部刷新用
|
|||
infoCompleted: 0, |
|||
completeInfoDialogVisible: false, |
|||
ifpreviewImage:false,//解决图片放大刷新列表的问题
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
partyGroupId: options.partyGroupId, |
|||
topicType: options.topicType,//0:事好儿鼓个掌 1:话对捧个场
|
|||
infoCompleted: app.globalData.infoCompleted |
|||
}) |
|||
if (options.topicType == 0) { |
|||
wx.setNavigationBarTitle({ |
|||
title: '事好鼓个掌' |
|||
}) |
|||
} else { |
|||
wx.setNavigationBarTitle({ |
|||
title: '话对捧个场' |
|||
}) |
|||
} |
|||
|
|||
|
|||
}, |
|||
// 查列表
|
|||
topiclist() { |
|||
let that = this; |
|||
const para = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
topicType: this.data.topicType, |
|||
partyGroupId: this.data.partyGroupId, //党群id
|
|||
partyTopicId:'' |
|||
} |
|||
topiclist(para).then(res => { |
|||
wx.stopPullDownRefresh(); |
|||
that.setData({ |
|||
bannedFlag: res.data.bannedFlag, |
|||
nodata: false, |
|||
topiclist: that.data.topiclist.concat(res.data.topicList), |
|||
loadMoreType: res.data.topicList.length === that.data.pageSize ? 'loading' : 'none', |
|||
loadMoreVisible: res.data.topicList.length === that.data.pageSize ? false : true |
|||
}) |
|||
if (that.data.topiclist.length == 0) {//没有值
|
|||
that.setData({ |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
wx.stopPullDownRefresh(); |
|||
that.setData({ |
|||
topiclist: [], |
|||
nodata: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
// 跳转 发布话题
|
|||
navigateToAddTopic() { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/addTopic/addTopic?partyGroupId=${this.data.partyGroupId}&topicType=${this.data.topicType}` |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.ifpreviewImage){ |
|||
this.setData({ |
|||
ifpreviewImage:false |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
topiclist: [], |
|||
}) |
|||
this.topiclist() |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
nodata: false, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
topiclist: [], |
|||
}) |
|||
this.topiclist() |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
}) |
|||
this.topiclist() |
|||
} |
|||
}, |
|||
|
|||
//点赞
|
|||
clicklike(e) { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
this.setData({ |
|||
index: e.currentTarget.dataset.index |
|||
}) |
|||
// <!-- 用户是否已点赞 0否；1是 -->
|
|||
if (this.data.bannedFlag == '1') {//被禁言
|
|||
wx.showToast({ |
|||
title: '您已经被禁言', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
return false |
|||
} |
|||
let attitude = "" |
|||
if (e.currentTarget.dataset.likeflag == '0') {//点赞
|
|||
attitude = 0 |
|||
} else { |
|||
attitude = 2 |
|||
} |
|||
let that = this; |
|||
const para = { |
|||
topicId: e.currentTarget.dataset.id,//被评论的话题ID
|
|||
attitude: attitude,//表态 0赞；1踩；2取消赞；3取消踩
|
|||
} |
|||
statement(para).then(res => { |
|||
// 点赞成功以后实现局部刷新功能
|
|||
that.nowLikesList(e.currentTarget.dataset.id); |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
// Textarea获取焦点
|
|||
clickTextarea(e) { |
|||
if (this.verifyCompleteInfo()) { |
|||
return false |
|||
} |
|||
let index = e.currentTarget.dataset.index |
|||
if (this.data.bannedFlag == '1') {//被禁言
|
|||
wx.showToast({ |
|||
title: '您已经被禁言', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}) |
|||
return false |
|||
} |
|||
this.setData({ |
|||
ifcomment: true, |
|||
focus: true, |
|||
topicId: e.currentTarget.dataset.id, |
|||
index: index |
|||
}) |
|||
}, |
|||
|
|||
// 失去焦点
|
|||
bindAddressInput(e) { |
|||
this.setData({ //失去焦点以后view隐藏
|
|||
ifcomment: false, |
|||
commentContent: '' |
|||
}) |
|||
}, |
|||
// 双向绑定
|
|||
bindIdentity(e) { |
|||
this.setData({ |
|||
commentContent: e.detail.value |
|||
}) |
|||
}, |
|||
// 评论按钮点击事件
|
|||
commentSubmit() { |
|||
let that = this; |
|||
const para = { |
|||
topicId: that.data.topicId,//被评论的话题ID
|
|||
faCommentId: '',//父评论（被评论）ID
|
|||
content: that.data.commentContent,//评论内容
|
|||
} |
|||
commentSubmit(para).then(res => { |
|||
// 评论成功以后，调用接口比对出当前评论列表的数据，对已有列表数据进行替换
|
|||
that.NowTopiclist() |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
// 列表内当前操作的数据
|
|||
NowTopiclist() { |
|||
let that = this; |
|||
const para = { |
|||
pageIndex: 1, |
|||
pageSize: 1, |
|||
timestamp: getTimestamp(), |
|||
topicType: that.data.topicType, |
|||
partyGroupId: that.data.partyGroupId, //党群id
|
|||
partyTopicId: that.data.topicId |
|||
} |
|||
topiclist(para).then(res => { |
|||
console.log(JSON.stringify(res)) |
|||
// 评论成功以后实现局部刷新功能
|
|||
var obj = that.data.topiclist[that.data.index] |
|||
// 评论成功以后评论数量加1
|
|||
// obj.commentNum = obj.commentNum + 1
|
|||
// obj.comments.splice(0, 0, {username:obj.nickname,content:para.content});
|
|||
obj = res.data.topicList[0] |
|||
that.setData({ |
|||
["topiclist[" + that.data.index + "]"]: obj |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
//列表照片的放大查看
|
|||
previewImage(e) { |
|||
this.setData({ |
|||
ifpreviewImage:true |
|||
}) |
|||
app.globalData.previewImage = true |
|||
wx.previewImage({ |
|||
urls: e.currentTarget.dataset.imgarry, |
|||
current: e.currentTarget.dataset.src |
|||
}) |
|||
}, |
|||
// 检查 是否完善信息
|
|||
verifyCompleteInfo() { |
|||
if (this.data.infoCompleted == 0) { |
|||
this.setData({ |
|||
completeInfoDialogVisible: !this.data.completeInfoDialogVisible |
|||
}) |
|||
return true |
|||
} else { |
|||
return false |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
/** |
|||
* 点赞后局部更新内容 |
|||
*/ |
|||
nowLikesList (topicId) { |
|||
let that = this; |
|||
const para = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
topicType: this.data.topicType, |
|||
partyGroupId: this.data.partyGroupId, //党群id
|
|||
partyTopicId: topicId |
|||
} |
|||
topiclist(para).then(res => { |
|||
var obj = that.data.topiclist[that.data.index] |
|||
obj = res.data.topicList[0] |
|||
// <!-- 用户是否已点赞 0否；1是 -->
|
|||
// obj.likeFlag = obj.likeFlag == '0' ? '1' : '0'
|
|||
// obj.supportNum = obj.likeFlag == '1' ? obj.supportNum + 1 : obj.supportNum - 1
|
|||
that.setData({ |
|||
["topiclist[" + that.data.index + "]"]: obj |
|||
}) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
/* |
|||
* 前往论坛指南页面 |
|||
*/ |
|||
navToForumGuide (e) { |
|||
console.log('前往论坛指南') |
|||
wx.navigateTo({ |
|||
url: `/subpages/associationNew/pages/guideInfo/guideInfo?partyGroupId=${this.data.partyGroupId}` |
|||
}) |
|||
} |
|||
}) |
|||
@ -1,58 +1,69 @@ |
|||
<view class="item-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{topiclist}}"> |
|||
<view class="user-info"> |
|||
<image src="{{item.userFace}}"></image> |
|||
<view class="name-date"> |
|||
<view class="name">{{item.nickname}}</view> |
|||
<view class="date">{{item.createdTime}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="details-info">{{item.topicContent}}</view> |
|||
|
|||
<view wx:if="{{item.images.length > 0 && topicType == '0'}}" class="image-list" |
|||
style="height: {{item.images.length === 3 ? '160rpx' : item.images.length === 2 ? '205rpx' : item.images.length === 1 ? '350rpx' : '' }}"> |
|||
<image mode="aspectFill" catchtap="previewImage" data-src="{{_item}}" data-imgArry="{{item.images}}" |
|||
class="image-item" wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="_item" |
|||
src="{{_item}}" /> |
|||
</view> |
|||
<view class="attitude"> |
|||
<view class="all" data-id="{{item.id}}" bindtap="clicklike" data-likeFlag="{{item.likeFlag}}" |
|||
data-index="{{index}}"> |
|||
<!-- 用户是否已点赞 0否；1是 --> |
|||
<!-- --> |
|||
<image src="{{item.likeFlag == '0' ? '../../images/give.png' : '../../images/give_2.png'}}"></image> |
|||
<view class="give-data {{item.likeFlag == '1' ? 'color' : ''}}">{{item.supportNum}}</view> |
|||
</view> |
|||
<view class="all"> |
|||
<image src="../../images/comment.png"></image> |
|||
<view class="give-data">{{item.commentNum}}</view> |
|||
</view> |
|||
<view class="all" data-id="{{item.id}}" data-index="{{index}}" bindtap="clickTextarea"> |
|||
<image src="../../images/ic_huifu@2x.png"></image> |
|||
<view class="give-data">评论</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{item.comments.length > 0}}" class="comment"> |
|||
<view wx:for="{{item.comments}}" wx:key="index" wx:for-index="index" wx:for-item="item_" |
|||
class="comment-list"><text>{{item_.username}}：</text>{{item_.content}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="release" wx:if="{{ifcomment}}"> |
|||
<view class="replyinfo2"> |
|||
<textarea placeholder-class="input_null" fixed="true" maxlength="-1" show-confirm-bar="false" |
|||
cursor-spacing="15" auto-height="true" placeholder="请输入回复" value="{{commentContent}}" focus='{{focus}}' |
|||
bindblur="bindAddressInput" bindinput="bindIdentity"></textarea> |
|||
<button bindtap="commentSubmit" form-type="submit" class="submit">发送</button> |
|||
</view> |
|||
</view> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
<!-- 是否禁言 0：否 1：是 --> |
|||
<view wx:if="{{bannedFlag == '0'}}" class="addIssue" bindtap="navigateToAddTopic"> |
|||
<image wx:if="{{topicType == '0'}}" src="../../images/story.png" /> |
|||
<image wx:else src="../../images/speack.png" /> |
|||
</view> |
|||
|
|||
<completeInfo-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"> |
|||
<view class="func-top"> |
|||
<text>话题指南</text> |
|||
<button hover-class="hover-class" class="top-right" bindtap="navToForumGuide" plain='true'><image src="../../images/next.png"/></button> |
|||
</view> |
|||
<view class="item-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{topiclist}}"> |
|||
<view class="user-info"> |
|||
<image src="{{item.userFace}}"></image> |
|||
<view class="name-date"> |
|||
<view class="name">{{item.nickname}} |
|||
<image class="community-logo" wx:if="{{item.thisCommunity == '1'}}" src="../../images/resident@2x.png"></image></view> |
|||
<view class="date">{{item.createdTime}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="details-info">{{item.topicContent}}</view> |
|||
|
|||
<view wx:if="{{item.images.length > 0 && topicType == '0'}}" class="image-list" |
|||
style="height: {{item.images.length === 3 ? '160rpx' : item.images.length === 2 ? '205rpx' : item.images.length === 1 ? '350rpx' : '' }}"> |
|||
<image mode="aspectFill" catchtap="previewImage" data-src="{{_item}}" data-imgArry="{{item.images}}" |
|||
class="image-item" wx:for="{{item.images}}" wx:key="index" wx:for-index="index" wx:for-item="_item" |
|||
src="{{_item}}" /> |
|||
</view> |
|||
<view class="attitude"> |
|||
<view class="all" data-id="{{item.id}}" bindtap="clicklike" data-likeFlag="{{item.likeFlag}}" |
|||
data-index="{{index}}"> |
|||
<!-- 用户是否已点赞 0否；1是 --> |
|||
<!-- --> |
|||
<image src="{{item.likeFlag == '0' ? '../../images/give.png' : '../../images/give_2.png'}}"></image> |
|||
<view class="give-data {{item.likeFlag == '1' ? 'color' : ''}}">{{item.supportNum}}</view> |
|||
</view> |
|||
<view class="all"> |
|||
<image src="../../images/comment.png"></image> |
|||
<view class="give-data">{{item.commentNum}}</view> |
|||
</view> |
|||
<view class="all" data-id="{{item.id}}" data-index="{{index}}" bindtap="clickTextarea"> |
|||
<image src="../../images/ic_huifu@2x.png"></image> |
|||
<view class="give-data">评论</view> |
|||
</view> |
|||
</view> |
|||
<view wx:if="{{item.likes.length > 0}}" class="likes"> |
|||
<block wx:for="{{item.likes}}" wx:key="index" wx:for-index="index" wx:for-item="likesItem"> |
|||
<text>{{likesItem.nickname}}</text><text wx:if="{{index < item.likes.length - 1}}">,</text> |
|||
</block> |
|||
</view> |
|||
<view wx:if="{{item.likes.length > 0 && item.comments.length > 0}}" class="line"></view> |
|||
<view wx:if="{{item.comments.length > 0}}" class="comment"> |
|||
<view wx:for="{{item.comments}}" wx:key="index" wx:for-index="index" wx:for-item="item_" |
|||
class="comment-list"><text>{{item_.username}}：</text>{{item_.content}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="release" wx:if="{{ifcomment}}"> |
|||
<view class="replyinfo2"> |
|||
<textarea placeholder-class="input_null" fixed="true" maxlength="-1" show-confirm-bar="false" |
|||
cursor-spacing="15" auto-height="true" placeholder="请输入回复" value="{{commentContent}}" focus='{{focus}}' |
|||
bindblur="bindAddressInput" bindinput="bindIdentity"></textarea> |
|||
<button bindtap="commentSubmit" form-type="submit" class="submit">发送</button> |
|||
</view> |
|||
</view> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
<no-data isShow="{{nodata}}"></no-data> |
|||
<!-- 是否禁言 0：否 1：是 --> |
|||
<view wx:if="{{bannedFlag == '0'}}" class="addIssue" bindtap="navigateToAddTopic"> |
|||
<image wx:if="{{topicType == '0'}}" src="../../images/story.png" /> |
|||
<image wx:else src="../../images/speack.png" /> |
|||
</view> |
|||
|
|||
<completeInfo-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"> |
|||
</completeInfo-dialog> |
|||
@ -1,214 +1,272 @@ |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.item-list { |
|||
width: 100%; |
|||
padding: 40rpx 29rpx 20rpx 29rpx; |
|||
background: #fff; |
|||
margin-top: 20rpx; |
|||
} |
|||
|
|||
.user-info { |
|||
width: calc(100% - 58rpx); |
|||
height: 64rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.user-info image { |
|||
border-radius: 50rpx; |
|||
width: 64rpx; |
|||
height: 64rpx; |
|||
} |
|||
|
|||
.user-info .name-date { |
|||
margin-left: 14rpx; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.user-info .name-date .name { |
|||
font-size: 28rpx; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
} |
|||
|
|||
.user-info .name-date .date { |
|||
font-size: 20rpx; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
} |
|||
|
|||
.details-info { |
|||
width: calc(100% - 58rpx); |
|||
font-size: 36rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 54rpx; |
|||
} |
|||
|
|||
.image-list { |
|||
width: calc(100% - 58rpx); |
|||
margin-top: 30rpx; |
|||
display: grid; |
|||
grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr)); |
|||
grid-gap: 7rpx; |
|||
} |
|||
|
|||
.image-list .image-item { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
border-radius: 8rpx; |
|||
} |
|||
|
|||
.attitude { |
|||
width: calc(100% - 300rpx); |
|||
margin-top: 21rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
/* justify-content: center; */ |
|||
height: 28rpx; |
|||
padding: 0 50rpx; |
|||
} |
|||
|
|||
.attitude .all { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.attitude .all image { |
|||
width: 28rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.attitude .all .give-data { |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
margin-left: 9rpx; |
|||
/* width: 196rpx; */ |
|||
} |
|||
|
|||
.attitude .all .give-data.color { |
|||
color: #FFB103; |
|||
} |
|||
|
|||
.comment { |
|||
width: calc(100% - 98rpx); |
|||
padding: 26rpx 20rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 8rpx; |
|||
margin-top: 25rpx; |
|||
} |
|||
|
|||
.comment .comment-list { |
|||
width: 100%; |
|||
margin-top: 11rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
.comment .comment-list text { |
|||
color: #333333; |
|||
} |
|||
|
|||
/* 评论样式 */ |
|||
.release { |
|||
align-items: flex-end; |
|||
/*底部对齐*/ |
|||
box-sizing: border-box; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
padding: 13rpx 20rpx; |
|||
background-color: #fff; |
|||
font-size: 28rpx; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.replyinfo1 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/*两端对齐*/ |
|||
font-size: 35rpx; |
|||
} |
|||
|
|||
.replyinfo2 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/*两端对齐*/ |
|||
} |
|||
|
|||
.release textarea { |
|||
width: calc(100% - 200rpx); |
|||
min-height: 34rpx; |
|||
max-height: 102rpx; |
|||
/*最多显示三行*/ |
|||
border-width: 15rpx 20rpx; |
|||
/*使用padding与预期留白不一致，故使用border*/ |
|||
border-style: solid; |
|||
border-color: #F2F2F2; |
|||
line-height: 34rpx; |
|||
font-size: 28rpx; |
|||
background-color: #F2F2F2; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.release .text { |
|||
font-size: 40rpx; |
|||
color: #c9c9c9; |
|||
} |
|||
|
|||
.cancel { |
|||
width: 240rpx; |
|||
height: 64rpx; |
|||
line-height: 64rpx; |
|||
text-align: center; |
|||
color: #6c0; |
|||
margin: 0 3px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.release .submit { |
|||
width: 160rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
text-align: center; |
|||
margin: 0 3px; |
|||
padding: 0; |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: rgba(255, 255, 255, 1); |
|||
background: linear-gradient(to right, #e95027, #db1a1f); |
|||
border-radius: 50rpx; |
|||
} |
|||
|
|||
|
|||
.pro-box .info .text .delete { |
|||
color: #f68135; |
|||
border-radius: 50rpx; |
|||
border: 1px solid #f68135; |
|||
font-size: 28 rpx; |
|||
width: 150rpx; |
|||
height: 48rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.addIssue { |
|||
width: 178rpx; |
|||
height: 178rpx; |
|||
position: fixed; |
|||
bottom: 30%; |
|||
right: 14rpx; |
|||
} |
|||
|
|||
.addIssue image { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.item-list { |
|||
width: 100%; |
|||
padding: 40rpx 29rpx 20rpx 29rpx; |
|||
background: #fff; |
|||
margin-top: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.user-info { |
|||
width: calc(100% - 58rpx); |
|||
height: 64rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.user-info image { |
|||
border-radius: 50rpx; |
|||
width: 64rpx; |
|||
height: 64rpx; |
|||
} |
|||
|
|||
.user-info .name-date { |
|||
margin-left: 14rpx; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.user-info .name-date .name { |
|||
font-size: 28rpx; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.user-info .name-date .community-logo { |
|||
height: 28rpx; |
|||
width: 116rpx; |
|||
margin-left: 8rpx; |
|||
border-radius: 0px; |
|||
} |
|||
|
|||
.user-info .name-date .date { |
|||
font-size: 20rpx; |
|||
font-weight: 500; |
|||
color: rgba(153, 153, 153, 1); |
|||
} |
|||
|
|||
.details-info { |
|||
width: calc(100% - 58rpx); |
|||
font-size: 36rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 54rpx; |
|||
} |
|||
|
|||
.image-list { |
|||
/* width: calc(100% - 58rpx); */ |
|||
width: 100%; |
|||
margin-top: 30rpx; |
|||
display: grid; |
|||
grid-template-columns: repeat(auto-fit, minmax(216rpx, 1fr)); |
|||
grid-gap: 7rpx; |
|||
} |
|||
|
|||
.image-list .image-item { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
border-radius: 8rpx; |
|||
} |
|||
|
|||
.attitude { |
|||
width: calc(100% - 300rpx); |
|||
margin: 21rpx 0rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
/* justify-content: center; */ |
|||
height: 28rpx; |
|||
padding: 0 50rpx; |
|||
} |
|||
|
|||
.attitude .all { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.attitude .all image { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
} |
|||
|
|||
.attitude .all .give-data { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
margin-left: 9rpx; |
|||
/* width: 196rpx; */ |
|||
} |
|||
|
|||
.attitude .all .give-data.color { |
|||
color: #FFB103; |
|||
} |
|||
|
|||
.likes { |
|||
width: calc(100% - 98rpx); |
|||
padding: 24rpx 20rpx 12rpx 20rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 8rpx; |
|||
margin-top: 25rpx; |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
} |
|||
.line { |
|||
width: calc(100% - 60rpx); |
|||
height: 0.5px; |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.comment { |
|||
width: calc(100% - 98rpx); |
|||
padding: 12rpx 20rpx 24rpx 20rpx; |
|||
background: #F2F2F2; |
|||
border-radius: 8rpx; |
|||
/* margin-top: 25rpx; */ |
|||
} |
|||
|
|||
.comment .comment-list { |
|||
width: 100%; |
|||
margin-top: 11rpx; |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
} |
|||
|
|||
.comment .comment-list text { |
|||
color: #333333; |
|||
} |
|||
|
|||
/* 评论样式 */ |
|||
.release { |
|||
align-items: flex-end; |
|||
/*底部对齐*/ |
|||
box-sizing: border-box; |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
padding: 13rpx 20rpx; |
|||
background-color: #fff; |
|||
font-size: 28rpx; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.replyinfo1 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/*两端对齐*/ |
|||
font-size: 35rpx; |
|||
} |
|||
|
|||
.replyinfo2 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
/*两端对齐*/ |
|||
} |
|||
|
|||
.release textarea { |
|||
width: calc(100% - 200rpx); |
|||
min-height: 34rpx; |
|||
max-height: 102rpx; |
|||
/*最多显示三行*/ |
|||
border-width: 15rpx 20rpx; |
|||
/*使用padding与预期留白不一致，故使用border*/ |
|||
border-style: solid; |
|||
border-color: #F2F2F2; |
|||
line-height: 34rpx; |
|||
font-size: 28rpx; |
|||
background-color: #F2F2F2; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.release .text { |
|||
font-size: 40rpx; |
|||
color: #c9c9c9; |
|||
} |
|||
|
|||
.cancel { |
|||
width: 240rpx; |
|||
height: 64rpx; |
|||
line-height: 64rpx; |
|||
text-align: center; |
|||
color: #6c0; |
|||
margin: 0 3px; |
|||
padding: 0; |
|||
} |
|||
|
|||
.release .submit { |
|||
width: 160rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
text-align: center; |
|||
margin: 0 3px; |
|||
padding: 0; |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: rgba(255, 255, 255, 1); |
|||
background: linear-gradient(to right, #e95027, #db1a1f); |
|||
border-radius: 50rpx; |
|||
} |
|||
|
|||
|
|||
.pro-box .info .text .delete { |
|||
color: #f68135; |
|||
border-radius: 50rpx; |
|||
border: 1px solid #f68135; |
|||
font-size: 28 rpx; |
|||
width: 150rpx; |
|||
height: 48rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.addIssue { |
|||
width: 178rpx; |
|||
height: 178rpx; |
|||
position: fixed; |
|||
bottom: 30%; |
|||
right: 14rpx; |
|||
} |
|||
|
|||
.addIssue image { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
} |
|||
|
|||
.func-top{ |
|||
height: 94rpx; |
|||
width: 750rpx; |
|||
position: relative; |
|||
background: rgba(255, 255, 255, 1); |
|||
} |
|||
.func-top text{ |
|||
height: 94rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 94rpx; |
|||
position: absolute; |
|||
left: 29rpx; |
|||
} |
|||
.func-top .top-right{ |
|||
width: 40rpx; |
|||
height: 94rpx; |
|||
padding: 0; |
|||
border: none; |
|||
position: absolute; |
|||
right: 34rpx; |
|||
} |
|||
.func-top .top-right image{ |
|||
width: 18rpx; |
|||
height: 24rpx; |
|||
margin: 0; |
|||
position: absolute; |
|||
top: 30rpx; |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
import { getGuideInfo} from '../../utils/api' |
|||
Page({ |
|||
data: { |
|||
partyGroupId: '', |
|||
todayTopic: {}, |
|||
guideInfoData: [] |
|||
}, |
|||
onLoad: function (options) { |
|||
this.data.partyGroupId = options.partyGroupId |
|||
getGuideInfo(this.data.partyGroupId).then(res => { |
|||
if (res.data.length > 0) { |
|||
this.todayTopic = {...res.data[0]} |
|||
res.data.shift() |
|||
this.setData({ |
|||
todayTopic: this.todayTopic, |
|||
guideInfoData: res.data |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
}, |
|||
"navigationBarTitleText": "话题指南" |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
<view class="guide-info"> |
|||
<image class="topic-img" src="../../images/huatizhinan@2x.png" /> |
|||
<view class="guide-content"> |
|||
<view class="today-item"> |
|||
<view class="today-top"><image src="../../images/fire@2x.png"/><text>{{todayTopic.showTime}}</text></view> |
|||
<view class="today-content"><text>{{todayTopic.content}}</text></view> |
|||
</view> |
|||
<view class="topic-item" wx:for="{{guideInfoData}}" wx:for-index="index" wx:for-item="item" wx:key="index"> |
|||
<view class="item-top"><image src="../../images/copy@2x.png"/><text>{{item.showTime}}</text></view> |
|||
<view class="item-content"><text>{{item.content}}</text></view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,78 @@ |
|||
page { |
|||
width:100%; |
|||
height: auto; |
|||
min-height:100vh; |
|||
overflow-y: auto; |
|||
background: linear-gradient(to bottom, #db1a1f 0%,#e95027 50%,#db1a1f 100%); |
|||
} |
|||
.guide-info { |
|||
position: relative; |
|||
} |
|||
.topic-img{ |
|||
width: 750rpx; |
|||
height: 306rpx; |
|||
position: absolute; |
|||
} |
|||
.guide-content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
position: absolute; |
|||
top: 243rpx; |
|||
margin: 16rpx 30rpx; |
|||
} |
|||
|
|||
.today-top { |
|||
position: relative; |
|||
} |
|||
.today-top image{ |
|||
width: 232rpx; |
|||
height: 50rpx; |
|||
} |
|||
.today-top text{ |
|||
height: 50rpx; |
|||
line-height: 50rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: rgba(255,255,255,1); |
|||
position: absolute; |
|||
left: 76rpx; |
|||
z-index: 999; |
|||
} |
|||
.topic-item, .today-item { |
|||
background-color: #ffffff; |
|||
border-radius: 10rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-bottom: 16rpx; |
|||
width: 690rpx; |
|||
} |
|||
.item-top { |
|||
position: relative; |
|||
display: flex; |
|||
align-items: center; |
|||
padding-left: 31rpx; |
|||
margin-top: 39rpx; |
|||
} |
|||
.item-top image{ |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
} |
|||
.item-top text{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #BF1F1F; |
|||
margin-left: 18rpx; |
|||
} |
|||
.item-content, .today-content{ |
|||
padding: 28rpx 32rpx; |
|||
} |
|||
.item-content text,.today-content text{ |
|||
font-size:34rpx; |
|||
font-family:PingFang SC; |
|||
font-weight:500; |
|||
color:rgba(51,51,51,1); |
|||
line-height:52rpx; |
|||
height: 52rpx; |
|||
} |
|||
@ -1,128 +1,136 @@ |
|||
const request = require('../../../utils/request') |
|||
/** |
|||
*获取图片 |
|||
*/ |
|||
export function getImageUrl() { |
|||
return request.get('imgConfig/getImgUrl/1') |
|||
} |
|||
/** |
|||
*获取图片党群列表首页 |
|||
*/ |
|||
export function getImageUrl2() { |
|||
return request.get('imgConfig/getImgUrl/2') |
|||
} |
|||
/** |
|||
*进入党群 |
|||
*/ |
|||
export function getJoinGroup({partyGroupId}) { |
|||
return request.get('partyGroup/group/join',{ |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
*党群名称列表 |
|||
*/ |
|||
export function getPartyGroupList() { |
|||
return request.get('partyGroup/group/list') |
|||
} |
|||
/** |
|||
* 群成员列表 |
|||
*/ |
|||
export function getPartyUserList({pageIndex, pageSize, partyGroupId}) { |
|||
return request.get('partyGroup/user/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
* 官小带个长列表 |
|||
*/ |
|||
export function getOfficialsList({pageIndex, pageSize, partyGroupId}) { |
|||
return request.get('partyGroup/officials/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
* 当前用户信息 |
|||
*/ |
|||
export function getCurrentUserInfo(partyGroupId) { |
|||
return request.get('partyGroup/user/currentUserInfo/'+partyGroupId) |
|||
} |
|||
/** |
|||
* 用户身份修改 |
|||
*/ |
|||
export function postModifyIdentity({groupUserId, identityFlag}) { |
|||
return request.post('partyGroup/user/modifyIdentity',{ |
|||
groupUserId, |
|||
identityFlag |
|||
}) |
|||
} |
|||
/** |
|||
* 用户禁言 |
|||
*/ |
|||
export function postUserBanned({groupUserId, bannedFlag}) { |
|||
return request.post('partyGroup/user/banned',{ |
|||
groupUserId, |
|||
bannedFlag |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 话题列表 |
|||
*/ |
|||
export function topiclist({pageIndex,pageSize,timestamp,topicType,partyGroupId,partyTopicId}) { |
|||
return request.get('partyGroup/topic/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
timestamp, |
|||
topicType, |
|||
partyGroupId, |
|||
partyTopicId |
|||
}) |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 发布话题 |
|||
*/ |
|||
|
|||
export function addTopic({topicType, topicContent,topicAddress,topicLatitude,topicLongitude,partyGroupId,images}) { |
|||
return request.post('partyGroup/topic/submit',{ |
|||
topicType, |
|||
topicContent, |
|||
topicAddress, |
|||
topicLatitude, |
|||
topicLongitude, |
|||
partyGroupId, |
|||
images |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 话题评论 |
|||
*/ |
|||
|
|||
export function commentSubmit({topicId, faCommentId,content}) { |
|||
return request.post('partyGroup/comment/submit',{ |
|||
topicId, |
|||
faCommentId, |
|||
content |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 表态话题（赞/踩） |
|||
*/ |
|||
export function statement({attitude, topicId}) { |
|||
return request.post('partyGroup/topic/statement',{ |
|||
topicId, |
|||
attitude |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
const request = require('../../../utils/request') |
|||
/** |
|||
*获取图片 |
|||
*/ |
|||
export function getImageUrl() { |
|||
return request.get('imgConfig/getImgUrl/1') |
|||
} |
|||
/** |
|||
*获取图片党群列表首页 |
|||
*/ |
|||
export function getImageUrl2() { |
|||
return request.get('imgConfig/getImgUrl/2') |
|||
} |
|||
/** |
|||
*进入党群 |
|||
*/ |
|||
export function getJoinGroup({partyGroupId}) { |
|||
return request.get('partyGroup/group/join',{ |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
*党群名称列表 |
|||
*/ |
|||
export function getPartyGroupList() { |
|||
return request.get('partyGroup/group/list') |
|||
} |
|||
/** |
|||
* 群成员列表 |
|||
*/ |
|||
export function getPartyUserList({pageIndex, pageSize, partyGroupId}) { |
|||
return request.get('partyGroup/user/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
* 官小带个长列表 |
|||
*/ |
|||
export function getOfficialsList({pageIndex, pageSize, partyGroupId}) { |
|||
return request.get('partyGroup/officials/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
partyGroupId |
|||
}) |
|||
} |
|||
/** |
|||
* 当前用户信息 |
|||
*/ |
|||
export function getCurrentUserInfo(partyGroupId) { |
|||
return request.get('partyGroup/user/currentUserInfo/'+partyGroupId) |
|||
} |
|||
/** |
|||
* 用户身份修改 |
|||
*/ |
|||
export function postModifyIdentity({groupUserId, identityFlag}) { |
|||
return request.post('partyGroup/user/modifyIdentity',{ |
|||
groupUserId, |
|||
identityFlag |
|||
}) |
|||
} |
|||
/** |
|||
* 用户禁言 |
|||
*/ |
|||
export function postUserBanned({groupUserId, bannedFlag}) { |
|||
return request.post('partyGroup/user/banned',{ |
|||
groupUserId, |
|||
bannedFlag |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 话题列表 |
|||
*/ |
|||
export function topiclist({pageIndex,pageSize,timestamp,topicType,partyGroupId,partyTopicId}) { |
|||
return request.get('partyGroup/topic/list',{ |
|||
pageIndex, |
|||
pageSize, |
|||
timestamp, |
|||
topicType, |
|||
partyGroupId, |
|||
partyTopicId |
|||
}) |
|||
} |
|||
|
|||
|
|||
/** |
|||
* 发布话题 |
|||
*/ |
|||
|
|||
export function addTopic({topicType, topicContent,topicAddress,topicLatitude,topicLongitude,partyGroupId,images}) { |
|||
return request.post('partyGroup/topic/submit',{ |
|||
topicType, |
|||
topicContent, |
|||
topicAddress, |
|||
topicLatitude, |
|||
topicLongitude, |
|||
partyGroupId, |
|||
images |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 话题评论 |
|||
*/ |
|||
|
|||
export function commentSubmit({topicId, faCommentId,content}) { |
|||
return request.post('partyGroup/comment/submit',{ |
|||
topicId, |
|||
faCommentId, |
|||
content |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 表态话题（赞/踩） |
|||
*/ |
|||
export function statement({attitude, topicId}) { |
|||
return request.post('partyGroup/topic/statement',{ |
|||
topicId, |
|||
attitude |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 获取论坛指南 |
|||
*/ |
|||
export function getGuideInfo(partyGroupId) { |
|||
return request.get('partyGroup/group/guideInfo/'+partyGroupId) |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
Loading…
Reference in new issue