让u-image 上下左右居中显示
您可以使用 Flex 布局将 `u-image` 上下左右居中显示。请将代码修改如下:
```html
<view class="flex w-full justify-center items-center">
<u-image :src="item.image" width="82" height="82" class="flex-none" style="border-radius: 50%; border: 1px solid #000; background-color: white; width: 100px; height: 100px;" />
<view class="ml-[14rpx] flex flex-col justify-around min-w-0">
<view class="font-medium text-[30rpx]">{{ item.name }}</view>
<view class="text-[24rpx] text-[#666666] truncate">{{ item.tips }}</view>
</view>
</view>
```
这样就可以实现 `u-image` 在父容器中上下左右居中显示。
AI智能问答网
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用创作工场,更聪明、更完整、更原创!