<view class="content">
<view v-for="val in 20" :key="val" style="width:100rpx;height:100rpx;" :class="{checked:val===inx}" @click="inx=val">{{val}}</view>
</view>
.content {
flex-direction: row;
flex-wrap: wrap;
}
.checked{
background:blue;
/*border-radius:20rpx;*/
border-radius:20rpx 0 0 20rpx;
}
- 发布:2022-05-09 15:30
- 更新:2022-07-20 13:25
- 阅读:626
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 11 家庭中文版 21H1
HBuilderX类型: Alpha
HBuilderX版本号: 3.4.9
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: iPhone XR / iPhone 13 Plus
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
点击不同的元素
点击不同的元素
预期结果:
点击元素有背景色,其他元素没有背景色
点击元素有背景色,其他元素没有背景色
实际结果:
点击后出现背景色,单其他元素背景色未消除
点击后出现背景色,单其他元素背景色未消除
bug描述:
nvue页面,在苹果上同时设置不到四个圆角和背景色的时候,动态改变无法消除背景色,附件有源码和表现视频,默认模板创建的新项目