Browse Source

style(broadside): 将图片模式从widthFix更改为aspectFill并添加高度

统一图片显示模式为aspectFill,以确保图片在不同尺寸下保持比例,同时为图片添加高度属性,避免布局错乱
master
前端-胡立永 1 month ago
parent
commit
719f1e0b73
1 changed files with 4 additions and 2 deletions
  1. +4
    -2
      components/broadside/broadside.vue

+ 4
- 2
components/broadside/broadside.vue View File

@ -5,7 +5,7 @@
<view class="content">
<!-- 用户信息 -->
<view class="user-info">
<image :src="userInfo.headImage" mode="widthFix"></image>
<image :src="userInfo.headImage" mode="aspectFill"></image>
<view class="base">
<view class="name"
v-if="userInfo.auth">{{ userInfo.auth.name }}</view>
@ -21,7 +21,7 @@
class="active-team team-item">
<view class="team-item-left">
<image src="@/static/image/broadside/project.png"
mode="widthFix"></image>
mode="aspectFill"></image>
<view class="team-name">{{ userInfo.team.name }}</view>
</view>
<view class="team-item-right">
@ -72,6 +72,7 @@
image {
width: 150rpx;
height: 150rpx;
border-radius: 20rpx;
}
@ -116,6 +117,7 @@
image {
width: 70rpx;
height: 70rpx;
}
.team-name {


Loading…
Cancel
Save