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


Loading…
Cancel
Save