<template>
<list>
<cell>
<template v-for="(v,k) in list" >
<text :class="k == index ? 'cur':''" :key="k" @tap="malegebi(k)">{{k}}</text>
</template>
</cell>
</list>
</template>
<script>
export default {
data() {
return {
list:[0,2,3,4,5,6,7,8,9],
index:0
}
},
onLoad() {
},
methods: {
malegebi(k){
this.index = k;
}
}
}
</script>
<style>
.cur{background-image: linear-gradient(to right, #D8B689, #bf9d70);color: #202028;}
</style>
- 发布:2021-04-12 19:15
- 更新:2023-04-27 11:23
- 阅读:1910
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 64位家庭版
HBuilderX类型: 正式
HBuilderX版本号: 3.1.8
手机系统: iOS
手机系统版本号: IOS 14
手机厂商: 苹果
手机机型: iPhone XR
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
点击切换
点击切换
预期结果:
跟安卓端一样随点击切换背景
跟安卓端一样随点击切换背景
实际结果:
是有新增 背景没有移除上一个背景class
是有新增 背景没有移除上一个背景class
bug描述:
切换有有效,但是背景颜色不会被残留,不知道是不是ios对这个颜色值不支持
.cur{background-image: linear-gradient(to right, #D8B689, #bf9d70);color: #202028;}
大图APP (作者)
等了一个月 ,怎么样?有修复吗?
2021-05-10 11:24