image组件显示右侧有白边

分类：uni-app

image

一个盒子里面有一个image，image右侧会出现一个2像素的白边这是啥问题

0 赞关注分享

9 个评论

要回复文章请先登录或注册

2***@qq.com (作者)

回复 2***@qq.com ：

APP的确实没，看H5有，问题不大，能解决`https://img-blog.csdnimg.cn/917d4fee8aac42f19306d2aa29dbbe61.png`

2023-11-18 14:53

2***@qq.com (作者)

回复喜欢技术的前端：

2023-11-18 14:51

喜欢技术的前端

回复 2***@qq.com ：

是用你的代码跑的改了下，如图显示 https://img-blog.csdnimg.cn/7f0719960e7d4d17967b658293f26ac5.jpeg
```
<view style="background-color: #f8f8f8;height: 100vh;">
<view style="display: flex;justify-content: space-between;padding: 0 30rpx;">
<view class="goodsItem">
<image src="https://ask.dcloud.net.cn/static/images/side/ask_right_unicloud_class.jpg" class="image"></image>
<view class="title">这是商品标题这是商品标题</view>
</view>
<view class="goodsItem">
<image src="https://ask.dcloud.net.cn/static/images/side/ask_right_unicloud_class.jpg" class="image"></image>
<view class="title">这是商品标题这是商品标题</view>
</view>
</view>
</view>
```

2023-11-18 10:56

2***@qq.com (作者)

回复喜欢技术的前端：

不太行，直接把图片宽度设置比盒子多1px了，下面放有示例代码可以试一试，感觉是阴影衬托出来的效果，去掉阴影是看不出来的，加上就显示

2023-11-18 10:36

喜欢技术的前端

换个图片地址看看 https://ask.dcloud.net.cn/static/images/side/ask_right_unicloud_class.jpg

2023-11-15 19:14

2***@qq.com (作者)

回复爱豆豆：

```
<template>
<view>
<view class="goodsItem">
<image src="" class="image"></image>
<view class="title">这是商品标题这是商品标题</view>
</view>
</view>
</template>
<style lang="scss">
.goodsItem {
width: 326rpx;
background: #FFFFFF;
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.16);
border-radius: 16rpx;
padding-bottom: 28rpx;
margin-bottom: 28rpx;
box-sizing: border-box;
overflow: hidden;
.image {
display: block;
width: 326rpx;
height: 284rpx;
margin-bottom: 14rpx;
}
.title{
padding: 0 24rpx;
font-size: 32rpx;
font-family: PingFang SC-Medium, PingFang SC;
font-weight: 500;
color: #1D2129;
line-height: 38rpx;
text-align: justify;
}
}
</style>
```

2023-11-15 18:39