miniprogram / match-west-road · 提交

转到一个项目

作者 wumengyu
提交 13598712bcb48a6f314bae724bfb938cce23a6b9 1 个父辈 93c07ad9

添加性别或者金v icon

内嵌 并排对比
正在显示 13 个修改的文件 包含 185 行增加 和 14 行删除
@@ -6,6 +6,13 @@ @@ -6,6 +6,13 @@
6 <view class="left"> 6 <view class="left">
7 <!--<image src="../../../images/avatar@2x.png" class="user-avatar"></image>--> 7 <!--<image src="../../../images/avatar@2x.png" class="user-avatar"></image>-->
8 <image src="{{detail.userPic}}" class="user-avatar"></image> 8 <image src="{{detail.userPic}}" class="user-avatar"></image>
  9 + <block wx:if="{{detail.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  10 + <image src="{{detail.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  11 + class="sex-icon"></image>
  12 + </block>
  13 + <block wx:if="{{detail.userType ===2}}">
  14 + <text class="iconfont icon-vip sex-icon"></text>
  15 + </block>
9 <text>{{detail.userName}}</text> 16 <text>{{detail.userName}}</text>
10 </view> 17 </view>
11 <view class="right"> 18 <view class="right">
@@ -103,6 +110,13 @@ @@ -103,6 +110,13 @@
103 <view class="people" wx:for="{{join_people}}" wx:key="index"> 110 <view class="people" wx:for="{{join_people}}" wx:key="index">
104 <view class="bg"> 111 <view class="bg">
105 <image src="{{item.pic}}" class="people-img"></image> 112 <image src="{{item.pic}}" class="people-img"></image>
  113 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  114 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  115 + class="sex-icon"></image>
  116 + </block>
  117 + <block wx:if="{{item.userType ===2}}">
  118 + <text class="iconfont icon-vip sex-icon"></text>
  119 + </block>
106 </view> 120 </view>
107 <view class="people-num"> 121 <view class="people-num">
108 <view class="name">{{item.name}}</view> 122 <view class="name">{{item.name}}</view>
@@ -150,6 +164,13 @@ @@ -150,6 +164,13 @@
150 <view class="top-left"> 164 <view class="top-left">
151 <!--<image src="../../../images/avatar@2x.png" class="release-img"></image>--> 165 <!--<image src="../../../images/avatar@2x.png" class="release-img"></image>-->
152 <image src="{{comment.userPic}}" class="release-img"></image> 166 <image src="{{comment.userPic}}" class="release-img"></image>
  167 + <block wx:if="{{comment.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  168 + <image src="{{comment.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  169 + class="sex-icon"></image>
  170 + </block>
  171 + <block wx:if="{{comment.userType ===2}}">
  172 + <text class="iconfont icon-vip sex-icon"></text>
  173 + </block>
153 <text>{{comment.userName}} {{comment.create_time}}</text> 174 <text>{{comment.userName}} {{comment.create_time}}</text>
154 </view> 175 </view>
155 <view class="top-right" bindtap="clickZan" data-id="{{comment.id}}" data-index="{{index}}"> 176 <view class="top-right" bindtap="clickZan" data-id="{{comment.id}}" data-index="{{index}}">
@@ -19,6 +19,7 @@ @@ -19,6 +19,7 @@
19 .head .position .left { 19 .head .position .left {
20 display: flex; 20 display: flex;
21 align-items: center; 21 align-items: center;
  22 + position: relative;
22 } 23 }
23 .head .position .left .user-avatar{ 24 .head .position .left .user-avatar{
24 width: 50rpx; 25 width: 50rpx;
@@ -26,6 +27,17 @@ @@ -26,6 +27,17 @@
26 border-radius: 50%; 27 border-radius: 50%;
27 margin-right: 10rpx; 28 margin-right: 10rpx;
28 } 29 }
  30 +.head .position .left .sex-icon{
  31 + position: absolute;
  32 + top:-3rpx;
  33 + left:36rpx;
  34 + width: 20rpx;
  35 + height: 20rpx;
  36 +}
  37 +.head .position .left .icon-vip{
  38 + color:#E1C8AF;
  39 + font-size:21rpx;
  40 +}
29 .head .position .left text { 41 .head .position .left text {
30 font-size: 24rpx; 42 font-size: 24rpx;
31 color:#ffffff; 43 color:#ffffff;
@@ -246,6 +258,14 @@ swiper { @@ -246,6 +258,14 @@ swiper {
246 border-radius: 50%; 258 border-radius: 50%;
247 background-color: #FD8779; 259 background-color: #FD8779;
248 margin-bottom: 10rpx; 260 margin-bottom: 10rpx;
  261 + position: relative;
  262 +}
  263 +.bg .sex-icon {
  264 + position: absolute;
  265 + top:-6rpx;
  266 + left:28rpx;
  267 + width: 20rpx;
  268 + height: 20rpx;
249 } 269 }
250 .people-num { 270 .people-num {
251 display: flex; 271 display: flex;
@@ -317,6 +337,18 @@ swiper { @@ -317,6 +337,18 @@ swiper {
317 .top-left { 337 .top-left {
318 display: flex; 338 display: flex;
319 align-items: center; 339 align-items: center;
  340 + position: relative;
  341 +}
  342 +.top-left .sex-icon {
  343 + position: absolute;
  344 + top:-6rpx;
  345 + left:28rpx;
  346 + width: 20rpx;
  347 + height: 20rpx;
  348 +}
  349 +.top-left .icon-vip, .bg .icon-vip{
  350 + color:#E1C8AF;
  351 + font-size:21rpx;
320 } 352 }
321 .top-left .release-img{ 353 .top-left .release-img{
322 width: 40rpx; 354 width: 40rpx;
@@ -24,7 +24,14 @@ @@ -24,7 +24,14 @@
24 </view> 24 </view>
25 <view class="user"> 25 <view class="user">
26 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>--> 26 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>-->
27 - <image src="{{item.userPic}}" mode="aspectFill"></image> 27 + <image src="{{item.userPic}}" mode="aspectFill" class="avatar"></image>
  28 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  29 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  30 + class="sex-icon"></image>
  31 + </block>
  32 + <block wx:if="{{item.userType ===2}}">
  33 + <text class="iconfont icon-vip sex-icon"></text>
  34 + </block>
28 <text>{{item.userName}} {{item.address}}</text> 35 <text>{{item.userName}} {{item.address}}</text>
29 </view> 36 </view>
30 </view> 37 </view>
@@ -8,4 +8,8 @@ @@ -8,4 +8,8 @@
8 } 8 }
9 .content_box { 9 .content_box {
10 margin-top: 0; 10 margin-top: 0;
  11 + padding:10rpx 20rpx 22rpx 20rpx;
  12 +}
  13 +.content_box .content_item:last-child {
  14 + margin-bottom:0;
11 } 15 }
@@ -76,7 +76,14 @@ @@ -76,7 +76,14 @@
76 </view> 76 </view>
77 <view class="user"> 77 <view class="user">
78 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>--> 78 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>-->
79 - <image src="{{item.userPic}}" mode="aspectFill"></image> 79 + <image src="{{item.userPic}}" mode="aspectFill" class="avatar"></image>
  80 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  81 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  82 + class="sex-icon"></image>
  83 + </block>
  84 + <block wx:if="{{item.userType ===2}}">
  85 + <text class="iconfont icon-vip sex-icon"></text>
  86 + </block>
80 <text>{{item.userName}}</text> 87 <text>{{item.userName}}</text>
81 </view> 88 </view>
82 </view> 89 </view>
@@ -111,7 +111,14 @@ @@ -111,7 +111,14 @@
111 </view> 111 </view>
112 <view class="user"> 112 <view class="user">
113 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>--> 113 <!--<image src="../../../images/avatar@2x.png" class="avatar"></image>-->
114 - <image src="{{item.userPic}}" mode="aspectFill"></image> 114 + <image src="{{item.userPic}}" mode="aspectFill" class="avatar"></image>
  115 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  116 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  117 + class="sex-icon"></image>
  118 + </block>
  119 + <block wx:if="{{item.userType ===2}}">
  120 + <text class="iconfont icon-vip sex-icon"></text>
  121 + </block>
115 <text>{{item.userName}}</text> 122 <text>{{item.userName}}</text>
116 </view> 123 </view>
117 </view> 124 </view>
@@ -17,4 +17,11 @@ @@ -17,4 +17,11 @@
17 margin-top: 200rpx; 17 margin-top: 200rpx;
18 font-size: 28rpx; 18 font-size: 28rpx;
19 color: #cccccc; 19 color: #cccccc;
  20 +}
  21 +.user .sex-icon {
  22 + position: absolute;
  23 + top:-6rpx;
  24 + left:28rpx;
  25 + width: 20rpx;
  26 + height: 20rpx;
20 } 27 }
@@ -6,6 +6,13 @@ @@ -6,6 +6,13 @@
6 <view class="left"> 6 <view class="left">
7 <!--<image src="../../../images/avatar@2x.png" class="user-avatar"></image>--> 7 <!--<image src="../../../images/avatar@2x.png" class="user-avatar"></image>-->
8 <image src="{{detail.userPic}}" class="user-avatar"></image> 8 <image src="{{detail.userPic}}" class="user-avatar"></image>
  9 + <block wx:if="{{detail.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  10 + <image src="{{detail.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  11 + class="sex-icon"></image>
  12 + </block>
  13 + <block wx:if="{{detail.userType ===2}}">
  14 + <text class="iconfont icon-vip sex-icon"></text>
  15 + </block>
9 <text>{{detail.userName}}</text> 16 <text>{{detail.userName}}</text>
10 </view> 17 </view>
11 <view class="right"> 18 <view class="right">
@@ -104,6 +111,13 @@ @@ -104,6 +111,13 @@
104 <view class="people" wx:for="{{join_people}}" wx:key="index"> 111 <view class="people" wx:for="{{join_people}}" wx:key="index">
105 <view class="bg"> 112 <view class="bg">
106 <image src="{{item.pic}}" class="people-img"></image> 113 <image src="{{item.pic}}" class="people-img"></image>
  114 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  115 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  116 + class="sex-icon"></image>
  117 + </block>
  118 + <block wx:if="{{item.userType ===2}}">
  119 + <text class="iconfont icon-vip sex-icon"></text>
  120 + </block>
107 </view> 121 </view>
108 <view class="people-num"> 122 <view class="people-num">
109 <view class="name">{{item.name}}</view> 123 <view class="name">{{item.name}}</view>
@@ -153,6 +167,13 @@ @@ -153,6 +167,13 @@
153 <view class="top-left"> 167 <view class="top-left">
154 <!--<image src="../../../images/avatar@2x.png" class="release-img"></image>--> 168 <!--<image src="../../../images/avatar@2x.png" class="release-img"></image>-->
155 <image src="{{comment.userPic}}" class="release-img"></image> 169 <image src="{{comment.userPic}}" class="release-img"></image>
  170 + <block wx:if="{{comment.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  171 + <image src="{{comment.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  172 + class="sex-icon"></image>
  173 + </block>
  174 + <block wx:if="{{comment.userType ===2}}">
  175 + <text class="iconfont icon-vip sex-icon"></text>
  176 + </block>
156 <text>{{comment.userName}} {{comment.create_time}}</text> 177 <text>{{comment.userName}} {{comment.create_time}}</text>
157 </view> 178 </view>
158 <view class="top-right" bindtap="clickZan" data-id="{{comment.id}}" data-index="{{index}}"> 179 <view class="top-right" bindtap="clickZan" data-id="{{comment.id}}" data-index="{{index}}">
@@ -19,6 +19,7 @@ @@ -19,6 +19,7 @@
19 .head .position .left { 19 .head .position .left {
20 display: flex; 20 display: flex;
21 align-items: center; 21 align-items: center;
  22 + position: relative;
22 } 23 }
23 .head .position .left .user-avatar{ 24 .head .position .left .user-avatar{
24 width: 50rpx; 25 width: 50rpx;
@@ -26,6 +27,17 @@ @@ -26,6 +27,17 @@
26 border-radius: 50%; 27 border-radius: 50%;
27 margin-right: 10rpx; 28 margin-right: 10rpx;
28 } 29 }
  30 +.head .position .left .sex-icon{
  31 + position: absolute;
  32 + top:-3rpx;
  33 + left:36rpx;
  34 + width: 20rpx;
  35 + height: 20rpx;
  36 +}
  37 +.head .position .left .icon-vip{
  38 + color:#E1C8AF;
  39 + font-size:21rpx;
  40 +}
29 .head .position .left text { 41 .head .position .left text {
30 font-size: 24rpx; 42 font-size: 24rpx;
31 color:#ffffff; 43 color:#ffffff;
@@ -240,6 +252,14 @@ swiper { @@ -240,6 +252,14 @@ swiper {
240 border-radius: 50%; 252 border-radius: 50%;
241 background-color: #FD8779; 253 background-color: #FD8779;
242 margin-bottom: 10rpx; 254 margin-bottom: 10rpx;
  255 + position: relative;
  256 +}
  257 +.bg .sex-icon {
  258 + position: absolute;
  259 + top:-6rpx;
  260 + left:28rpx;
  261 + width: 20rpx;
  262 + height: 20rpx;
243 } 263 }
244 .people-num { 264 .people-num {
245 display: flex; 265 display: flex;
@@ -310,6 +330,18 @@ swiper { @@ -310,6 +330,18 @@ swiper {
310 .top-left { 330 .top-left {
311 display: flex; 331 display: flex;
312 align-items: center; 332 align-items: center;
  333 + position: relative;
  334 +}
  335 +.top-left .sex-icon {
  336 + position: absolute;
  337 + top:-6rpx;
  338 + left:28rpx;
  339 + width: 20rpx;
  340 + height: 20rpx;
  341 +}
  342 +.top-left .icon-vip, .bg .icon-vip{
  343 + color:#E1C8AF;
  344 + font-size:21rpx;
313 } 345 }
314 .top-left .release-img{ 346 .top-left .release-img{
315 width: 40rpx; 347 width: 40rpx;
@@ -9,8 +9,15 @@ @@ -9,8 +9,15 @@
9 <!--<view class="margin">--> 9 <!--<view class="margin">-->
10 <image src="{{user.pic}}" class="user-img"></image> 10 <image src="{{user.pic}}" class="user-img"></image>
11 <!--type ：1注册用户，2后台用户金v--> 11 <!--type ：1注册用户，2后台用户金v-->
12 - <text class="iconfont icon-vip" wx:if="{{user.type === 2}}"></text> 12 + <!--<text class="iconfont icon-vip" wx:if="{{user.type === 2}}"></text>-->
13 <!--<image src="{{user.sex === 1?'../../images/man.png':'../../images/women.png'}}" class="sex-icon"></image>--> 13 <!--<image src="{{user.sex === 1?'../../images/man.png':'../../images/women.png'}}" class="sex-icon"></image>-->
  14 + <block wx:if="{{user.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  15 + <image src="{{user.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  16 + class="sex-icon"></image>
  17 + </block>
  18 + <block wx:if="{{user.userType ===2}}">
  19 + <text class="iconfont icon-vip sex-icon"></text>
  20 + </block>
14 <view class="left"> 21 <view class="left">
15 <view class="class-box"> 22 <view class="class-box">
16 <image src="../../images/jin@2x.png" wx:if="{{user.level === 1}}"></image> 23 <image src="../../images/jin@2x.png" wx:if="{{user.level === 1}}"></image>
@@ -8,13 +8,6 @@ @@ -8,13 +8,6 @@
8 color: #ffffff; 8 color: #ffffff;
9 font-size: 50rpx; 9 font-size: 50rpx;
10 } 10 }
11 -.icon-vip {  
12 - position: absolute;  
13 - top:51rpx;  
14 - left:163rpx;  
15 - color:#E1C8AF;  
16 - font-size:34rpx;  
17 -}  
18 .login-box { 11 .login-box {
19 width: 100%; 12 width: 100%;
20 height: 300rpx; 13 height: 300rpx;
@@ -36,11 +29,18 @@ @@ -36,11 +29,18 @@
36 } 29 }
37 .sex-icon { 30 .sex-icon {
38 position: absolute; 31 position: absolute;
39 - top:100rpx;  
40 - left:100rpx; 32 + top:46rpx;
  33 + left:164rpx;
41 width: 40rpx; 34 width: 40rpx;
42 height: 40rpx; 35 height: 40rpx;
43 } 36 }
  37 +.icon-vip {
  38 + position: absolute;
  39 + top:48rpx;
  40 + left:167rpx;
  41 + color:#E1C8AF;
  42 + font-size:34rpx;
  43 +}
44 .head-box { 44 .head-box {
45 position: relative; 45 position: relative;
46 } 46 }
@@ -107,6 +107,13 @@ @@ -107,6 +107,13 @@
107 <view class="user"> 107 <view class="user">
108 <!--<image src="../../images/avatar@2x.png" class="avatar"></image>--> 108 <!--<image src="../../images/avatar@2x.png" class="avatar"></image>-->
109 <image src="{{item.userPic}}" class="avatar"></image> 109 <image src="{{item.userPic}}" class="avatar"></image>
  110 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  111 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  112 + class="sex-icon"></image>
  113 + </block>
  114 + <block wx:if="{{item.userType ===2}}">
  115 + <text class="iconfont icon-vip sex-icon"></text>
  116 + </block>
110 <text>{{item.userName}}</text> 117 <text>{{item.userName}}</text>
111 </view> 118 </view>
112 </view> 119 </view>
@@ -127,6 +134,13 @@ @@ -127,6 +134,13 @@
127 <view class="user"> 134 <view class="user">
128 <!--<image src="../../images/avatar@2x.png" class="avatar"></image>--> 135 <!--<image src="../../images/avatar@2x.png" class="avatar"></image>-->
129 <image src="{{item.userPic}}" class="avatar"></image> 136 <image src="{{item.userPic}}" class="avatar"></image>
  137 + <block wx:if="{{item.userType ===1}}"><!--userType 1注册用户，2后台用户(金v)-->
  138 + <image src="{{item.sex === 1?'../../../images/man.png':'../../../images/women.png'}}"
  139 + class="sex-icon"></image>
  140 + </block>
  141 + <block wx:if="{{item.userType ===2}}">
  142 + <text class="iconfont icon-vip sex-icon"></text>
  143 + </block>
130 <text>{{item.userName}}</text> 144 <text>{{item.userName}}</text>
131 </view> 145 </view>
132 </view> 146 </view>
@@ -259,6 +259,7 @@ @@ -259,6 +259,7 @@
259 .content_item .user { 259 .content_item .user {
260 justify-content: flex-start; 260 justify-content: flex-start;
261 margin-top: 10rpx; 261 margin-top: 10rpx;
  262 + position: relative;
262 } 263 }
263 .content_item .title .area { 264 .content_item .title .area {
264 flex:1; 265 flex:1;
@@ -269,7 +270,7 @@ @@ -269,7 +270,7 @@
269 color: #666666; 270 color: #666666;
270 font-size: 22rpx; 271 font-size: 22rpx;
271 } 272 }
272 -.content_item .user image { 273 +.content_item .user .avatar {
273 width: 40rpx; 274 width: 40rpx;
274 height: 40rpx; 275 height: 40rpx;
275 border-radius: 50%; 276 border-radius: 50%;
@@ -279,6 +280,17 @@ @@ -279,6 +280,17 @@
279 color: #666666; 280 color: #666666;
280 font-size: 22rpx; 281 font-size: 22rpx;
281 } 282 }
  283 +.user .sex-icon {
  284 + position: absolute;
  285 + top:-6rpx;
  286 + left:28rpx;
  287 + width: 20rpx;
  288 + height: 20rpx;
  289 +}
  290 +.content_item .user .icon-vip{
  291 + color:#E1C8AF;
  292 + font-size:21rpx;
  293 +}
282 /*弹框样式*/ 294 /*弹框样式*/
283 .modal_box { 295 .modal_box {
284 width: 100%; 296 width: 100%;