<!-- 动态切换loginStatus的时候 图片圆角与预期的不一样 -->
<image v-if="loginStatus" class="head-img-1" />
<image v-else class="head-img-2" />
<style>
.head-img-1 {
width: 80rpx;
height: 80rpx;
background-color: #999999;
border-radius: 40rpx;
}
.head-img-2 {
width: 80rpx;
height: 80rpx;
background-color: #999999;
border-radius: 8rpx;
}
</style>

- 发布:2021-06-04 17:39
- 更新:2021-06-04 17:39
- 阅读:368
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.13
手机系统: Android
手机系统版本号: Android 11
手机厂商: 华为
手机机型: 所有
页面类型: nvue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
<!-- 动态切换loginStatus的时候 图片圆角与预期的不一样 -->
<image v-if="loginStatus" style="width: 80rpx;height: 80rpx;background-color: #999999;border-radius: 40rpx;" />
<image v-else style="width: 80rpx;height: 80rpx;background-color: #999999;border-radius: 8rpx;" />
<!-- 动态切换loginStatus的时候 图片圆角与预期的不一样 -->
<image v-if="loginStatus" style="width: 80rpx;height: 80rpx;background-color: #999999;border-radius: 40rpx;" />
<image v-else style="width: 80rpx;height: 80rpx;background-color: #999999;border-radius: 8rpx;" />
预期结果:
多次切换之后再切换 loginStatus为false时是小圆角方形的图片,loginStatus为true时是全圆形的图片。
多次切换之后再切换 loginStatus为false时是小圆角方形的图片,loginStatus为true时是全圆形的图片。
实际结果:
多次切换之后再切换 loginStatus为true时却是小圆角方形的图片 或者 loginStatus为false时却是全圆形的图片。
多次切换之后再切换 loginStatus为true时却是小圆角方形的图片 或者 loginStatus为false时却是全圆形的图片。
bug描述:
详情见网址 https://ask.dcloud.net.cn/article/39116
0 个回复