Browse Source

改版

master
zhaoyongnian 5 years ago
parent
commit
7c47e4f676
  1. 21
      subpages/associationNew/components/membersListNew/membersListNew.wxml
  2. 56
      subpages/associationNew/components/membersListNew/membersListNew.wxss
  3. 2
      subpages/associationNew/pages/eventlist/eventlist.wxml

21
subpages/associationNew/components/membersListNew/membersListNew.wxml

@ -4,12 +4,23 @@
wx:for-index="index" wx:for-index="index"
wx:for-item="item" wx:for-item="item"
wx:key="index"> wx:key="index">
<image data-src="{{item.faceImg}}" bindtap="preViewImage" src="{{item.faceImg}}" /> <image class="photo" data-src="{{item.faceImg}}" bindtap="preViewImage" src="{{item.faceImg}}" />
<view class="name">{{item.name}}</view> <view class="name">{{item.name}}</view>
<view class="autograph">{{item.motto}}</view> <view class="autograph-all">
<view class="autograph">{{item.areaResponsibility}}</view>
<view bindtap="onPhone" data-number="{{item.mobile}}" class="autograph">{{item.mobile}}</view> <view class="autograph">格言:{{item.motto}}</view>
<view class="autograph">负责区域:{{item.areaResponsibility}}</view>
<view class="autograph">电话:{{item.mobile}}</view>
</view>
<view class="click-button">
<button plain='true' hover-class="hover-btn" bindtap="onPhone" data-number="{{item.mobile}}">
<image class="button-bg" src="../../images/call.png"/>
</button>
</view>
</view> </view>
</view> </view>

56
subpages/associationNew/components/membersListNew/membersListNew.wxss

@ -1,16 +1,16 @@
.item { .item {
width: 320rpx; width: 320rpx;
height: 354rpx; /* height: 354rpx; */
margin-top: 20rpx; margin-top: 20rpx;
background: #fff; background: #fff;
border-radius: 20rpx; border-radius: 20rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding-bottom: 30rpx;
} }
.item image { .item .photo {
width: 110rpx; width: 110rpx;
height: 110rpx; height: 110rpx;
border-radius: 50%; border-radius: 50%;
@ -20,18 +20,53 @@
.item .name { .item .name {
margin-top: 11rpx; margin-top: 11rpx;
font-size: 30rpx; font-size: 30rpx;
line-height: 30rpx;
font-weight: bold; font-weight: bold;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
} }
.item .autograph { .item .autograph-all {
margin-top: 13rpx;
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
word-wrap: break-word
}
.item .autograph-all .autograph {
text-align: left;
margin-bottom: 7rpx;
font-size: 26rpx;
line-height: 36rpx;
/* font-weight:500; */
color: rgba(193, 193, 193, 1);
}
.item .click-button{
margin-top: 8rpx; margin-top: 8rpx;
font-size:26rpx; width: 100%;
font-weight:500; height: 56rpx;
color:rgba(193,193,193,1); display: flex;
padding: 0 20rpx; align-items: center;
} }
.item .click-button button{
width: 156rpx;
height: 56rpx;
padding: 0 !important;
border: none !important;
line-height: 0 !important;
}
.item .click-button button .button-bg{
width: 156rpx;
height: 56rpx;
}
.item .click-button button::after {
border: 0rpx !important;
}
.show { .show {
padding: 0rpx 40rpx; padding: 0rpx 40rpx;
height: 24rpx; height: 24rpx;
@ -40,10 +75,11 @@
font-weight: 500; font-weight: 500;
color: #C5C5C5; color: #C5C5C5;
} }
.volunteer-box { .volunteer-box {
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0rpx 40rpx 19rpx 40rpx; padding: 0rpx 40rpx 19rpx 40rpx;
} }

2
subpages/associationNew/pages/eventlist/eventlist.wxml

@ -17,7 +17,7 @@
<view class="attitude"> <view class="attitude">
<view class="all" data-id="{{item.id}}" bindtap="clicklike" data-likeFlag="{{item.likeFlag}}" <view class="all" data-id="{{item.id}}" bindtap="clicklike" data-likeFlag="{{item.likeFlag}}"
data-index="{{index}}"> data-index="{{index}}">
<!-- 用户是否已点赞 0否;1是 --> <!-- 用户是否已点赞 0否;1是 -->5
<!-- --> <!-- -->
<image src="{{item.likeFlag == '0' ? '../../images/give.png' : '../../images/give_2.png'}}"></image> <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 class="give-data {{item.likeFlag == '1' ? 'color' : ''}}">{{item.supportNum}}</view>

Loading…
Cancel
Save