yuchunlei/bodyWeight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 头像改用性别图片

Browse Source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-25 11:46:47 +08:00
co-authored by Claude Opus 4.7
parent 0bf50f7ff4
commit f8047c3eef
14 changed files with 22 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/components/selectMemberDrawer/selectMemberDrawer.less
+5
View File
@@ -138,6 +138,11 @@
border-radius: 24rpx;
flex-shrink: 0;
image {
width: 100%;
height: 100%;
}
/* 男：蓝色 */
&--male {
background-color: #C6E6FF;
miniprogram/components/selectMemberDrawer/selectMemberDrawer.wxml
+1 -1
View File
@@ -28,7 +28,7 @@
<image class="member-avatar {{ item.selected ? 'member-avatar--selected' : '' }}" src="{{ item.avatar }}" mode="aspectFill"></image>
</block>
<block wx:else>
<view class="member-avatar-placeholder {{ item.gender === '女' ? 'member-avatar-placeholder--female' : 'member-avatar-placeholder--male' }} {{ item.selected && item.gender === '男' ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"></view>
<view class="member-avatar-placeholder {{ item.gender === '女' ? 'member-avatar-placeholder--female' : 'member-avatar-placeholder--male' }} {{ item.selected && item.gender === '男' ? 'member-avatar-placeholder--selected-male' : '' }} {{ item.selected && item.gender === '女' ? 'member-avatar-placeholder--selected-female' : '' }}"><image src="{{ item.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" /></view>
</block>
<!-- 姓名 + 性别·年龄 -->
miniprogram/images/man.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

miniprogram/images/woman.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

miniprogram/pages/data/data.less
-7
View File
@@ -40,13 +40,6 @@
width: 90rpx;
height: 90rpx;
margin-right: 24rpx;
border-radius: 18rpx;
color: #FFFFFF;
font-size: 36rpx;
font-weight: bold;
line-height: 90rpx;
text-align: center;
background-color: #1385FA;
}
/* 姓名 + meta */
miniprogram/pages/data/data.wxml
+3 -1
View File
@@ -3,7 +3,9 @@
<view class="data-card">
<!-- 用户信息 -->
<view class="userInfo" wx:if="{{ userInfo }}">
<view class="avatar">{{ userInfo.realname[0] }}</view>
<view class="avatar">
<image src="{{ userInfo.sex_dictText === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
</view>
<view class="info">
<view class="info-name-row">
<view class="info-name">{{ userInfo.realname }}</view>
miniprogram/pages/home/home.less
-9
View File
@@ -56,16 +56,7 @@
.userAvatar {
width: 88rpx;
height: 88rpx;
overflow: hidden;
border-radius: 24rpx;
margin-right: 15rpx;
color: #FFFFFF;
font-size: 40rpx;
font-weight: bold;
line-height: 88rpx;
text-align: center;
border: 5rpx solid #ffffff;
background-color: #1385FA;
}
.userInfo {
miniprogram/pages/home/home.wxml
+3 -1
View File
@@ -10,7 +10,9 @@
</view>
<view class="user" wx:if="{{ userInfo }}">
<view class="userAvatar">{{ userInfo.realname[0] }}</view>
<view class="userAvatar">
<image src="{{ userInfo.sex_dictText === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
</view>
<view class="userInfo">
<view class="userName">{{ userInfo.realname }}</view>
<view class="userSex">{{ userInfo.sex_dictText }}·{{ userInfo.age }}岁<text>丨</text>{{ userInfo.height }}cm</view>
miniprogram/pages/my/my.less
-9
View File
@@ -25,15 +25,6 @@
width: 120rpx;
height: 120rpx;
margin-right: 30rpx;
border-radius: 24rpx;
color: #FFFFFF;
font-size: 48rpx;
font-weight: bold;
line-height: 110rpx;
text-align: center;
box-sizing: border-box;
border: 5rpx solid #ffffff;
background-color: #1385FA;
}
.userInfo {
miniprogram/pages/my/my.wxml
+3 -1
View File
@@ -7,7 +7,9 @@
</view>
<view class="user" wx:if="{{ userInfo }}">
<view class="userAvatar">{{ userInfo.realname[0] }}</view>
<view class="userAvatar">
<image src="{{ userInfo.sex_dictText === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
</view>
<view class="userInfo">
<view class="userName">{{ userInfo.realname }}</view>
<view class="userSex">
miniprogram/pages/personalInformation/personalInformation.less
-17
View File
@@ -51,23 +51,6 @@
.avatar {
width: 88rpx;
height: 88rpx;
border-radius: 16rpx;
background-color: #1385FA;
color: #FFFFFF;
font-size: 40rpx;
line-height: 88rpx;
text-align: center;
}
.arrow {
width: 20rpx;
height: 18rpx;
margin-left: 20rpx;
flex-shrink: 0;
&::after {
right: 4rpx;
}
}
}
}
miniprogram/pages/personalInformation/personalInformation.wxml
+3 -1
View File
@@ -3,7 +3,9 @@
<view class="row row-avatar">
<view class="label">头像</view>
<view class="value">
<view class="avatar">{{ userInfo.avatar }}</view>
<view class="avatar">
<image src="{{ userInfo.gender === '女' ? '/images/woman.png' : '/images/man.png' }}" mode="aspectFit" />
</view>
</view>
</view>
miniprogram/pages/userManagement/userManagement.less
-15
View File
@@ -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 {
miniprogram/pages/userManagement/userManagement.wxml
+4 -2
View File
@@ -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>