style: 头像改用性别图片
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
0bf50f7ff4
commit
f8047c3eef
@@ -194,22 +194,7 @@
|
||||
.member-avatar {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
overflow: hidden;
|
||||
border-radius: 24rpx;
|
||||
margin-right: 24rpx;
|
||||
color: #252535;
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
|
||||
&.member-avatar--male {
|
||||
background-color: #C6E6FF;
|
||||
}
|
||||
|
||||
&.member-avatar--female {
|
||||
background-color: #FFD5E3;
|
||||
}
|
||||
}
|
||||
|
||||
.member-info {
|
||||
|
||||
@@ -38,7 +38,9 @@
|
||||
<!-- 本人 -->
|
||||
<view class="member-card" wx:if="{{ self }}">
|
||||
<view class="member-top">
|
||||
<view class="member-avatar {{ self.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}">{{ self.name[0] }}</view>
|
||||
<view class="member-avatar">
|
||||
<image src="{{ self.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
|
||||
</view>
|
||||
<view class="member-info">
|
||||
<view class="member-name-row">
|
||||
<view class="member-name">{{ self.name }}</view>
|
||||
@@ -63,7 +65,7 @@
|
||||
<block wx:for="{{ group.members }}" wx:key="id" wx:for-item="member">
|
||||
<view class="member-card">
|
||||
<view class="member-top">
|
||||
<view class="member-avatar {{ member.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}">{{ member.name[0] }}</view>
|
||||
<view class="member-avatar {{ member.gender === '女' ? 'member-avatar--female' : 'member-avatar--male' }}"><image src="{{ member.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" /></view>
|
||||
<view class="member-info">
|
||||
<view class="member-name-row">
|
||||
<view class="member-name">{{ member.name }} <text>(他人添加)</text></view>
|
||||
|
||||
Reference in New Issue
Block a user