收藏
回答

如何实现点击变色再次点击恢复原状?

比如这样的,点击一下变成红圈黑字,再次点击恢复原状

回答关注问题邀请回答
收藏

2 个回答

  • brave
    brave
    2022-04-15

    具体描述一下?

    2022-04-15
    有用 3
    回复 5
    • 南柯
      南柯
      2022-04-15
      就是我点击一下“一”这个view模块变成第一张图样子,我在点击一下恢复原来样子就是第二张图
      2022-04-15
      回复
    • brave
      brave
      2022-04-15回复南柯
      2022-04-15
      回复
    • 南柯
      南柯
      2022-04-15回复brave
      谢谢老哥,但我是颜色不是图片,那大概要怎么改呢
      2022-04-15
      回复
    • 南柯
      南柯
      2022-04-15回复brave
      这是我这个view的css,我想css点击变色是不是也可以用上面的办法还是需要变一下
      2022-04-15
      回复
    • brave
      brave
      2022-04-15回复南柯
      2022-04-15
      1
      回复
  • 再见,电脑崽
    再见,电脑崽
    2022-04-15

    https://developers.weixin.qq.com/s/CR6Vaxmo7ryq

    .circle {
        width: 48rpx;
        height: 48rpx;
        border-radius: 50%;
        margin: 0 10rpx;
        background-color: #ccc;
        color: #fff;
        line-height: 48rpx;
        text-align: center;
    }
    
    
    .red {
        background-color: red;
        color: #000000;
    }
    
    
    .blue {
        background-color: blue;
        color: #ffffff;
    }
    


    <view class="container">
        <view class="circle {{circle[0] ? 'red' : 'blue'}}" data-index="0" bindtap="onClick">A</view>
        <view class="circle {{circle[1] ? 'red' : 'blue'}}" data-index="1" bindtap="onClick">B</view>
    </view>
    


    Page({
        data: {
            circle: [true, true]
        },
        onClick(e) {
            let index = e.currentTarget.dataset.index
            this.setData({
                ['circle[' + index + ']']: !this.data.circle[index]
            })
        }
    })
    
    2022-04-15
    有用 2
    回复 2
    • 南柯
      南柯
      2022-04-15
      wc感谢老哥
      2022-04-15
      回复
    • 再见,电脑崽
      再见,电脑崽
      2022-04-15回复南柯
      不客气
      2022-04-15
      回复
登录 后发表内容