微信小程序 修改点击样式

本文介绍了如何在微信小程序中使用弹性盒子布局并设置点击样式。通过为第一个`view`元素添加`active`类,并在JS中使用`setData`根据用户点击事件动态改变样式,实现了点击不同选项时的高亮效果。
摘要由CSDN通过智能技术生成

我用弹性盒子写四个< view>< /view>.
要求.第一个< view>默认显示已点击状态
这里写图片描述
解决方法就是给第一个view单独加一个叫“active”的类名,加个样式,其他三个不加就行了。
.active{
background-color: #eaeaea;
color:purple;
}

上一下代码:
< view class=’choose flex’>
< view class=”flex flex-center choose-item active” bindtap=’checked’ data-app=”first” style=’background-color:{ { first }}; color:{ { firstcolor }}’>
< view class=’choose-icon’>< image src=” style=’width:100%;height:100 image>< /view>
< view class=’choose-text’>001< /view>
< /view>

< view class=”flex flex-center choose-item” bindtap=’che

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值