小程序鼠标点击按钮（改变背景颜色字体-active的运用）

目标需求：实现下图，给点击的view增加类，每次只能选择一个。

主要思路：给点击的view增加类，依靠点击的index对state进行赋值。如果相同时，给该view增加类。

效果演示：

wxml

wxss

js

可以。小程序三级页面可以自定义头部背景，可以通过设置页面的样式来实现。具体的实现方式如下：

1、在三级页面的wxml文件中，添加一个头部区域的标签。

2、在对应的wxss文件中，设置头部区域的样式，包括背景颜色、高度、边框等。

3、如果需要在头部区域添加标题、返回按钮等元素，可以在wxml文件中添加对应的标签，并在wxss文件中设置样式。

在小程序开发过程中，经常遇到一种情况：页面中的一个按钮需要带有 open-type ，同时还要灵活地设置这个按钮的尺寸和背景样式。

这就意味着，你不能使用 <view bind:tap="onBtn"></view 再加上css设置一张背景图来实现。

然后系统的 <button> 也不是什么省油的灯。相信大家都干过这样的事情：

哎呀，不小心透漏剧情。

所以要满足刚刚的需求，应该如此

当然，看了这么久，只知道这个，肯定不划算。你一定很想知道这里面的 ::after 是干啥的。

详见:

CSS :after 选择器

你所不知的 CSS ::before 和 ::after 伪元素用法

以上就是关于小程序鼠标点击按钮（改变背景颜色字体-active的运用）全部的内容，包括:小程序鼠标点击按钮（改变背景颜色字体-active的运用）、小程序三级页面能自定义头部背景吗、微信小程序：带open-type和自定义背景的按钮等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！