微信小程序--多个按钮选中的联动效果

场景：画图应用需选择画笔颜色，有4种颜色按钮可供选择，用户点击任意按钮进行颜色切换。

思路：通过curColorIndex变量保存当前选中的颜色下标，选中后添加额外的选中样式

一，canvaswxss文件：这个文件用于定义按钮正常态和选中态的样式，以及Flex

布局的约束

二，canvaswxml文件：这个文件是Demo的布局界面，通过使用js的data数据和wxss的class样式进行页面布局

这里通过wx：for实现循环打印颜色数组，通过curColorIndex值控制选中的样式，index值进行参数传递

三，canvasjs文件：提供数据，以及处理xwml的控件响应，并通过设置thissetData的值来更新xwml的显示

原文地址： >

双指捏合，打开桌面小程序，把小程序添加到桌面即可。下面用华为畅享20 EMUI91系统演示：

一、打开手机，在桌面双指向内捏合。

二、出现桌面管理界面后，点击打开窗口小工具。

三、找到需要添加的小程序，点击。

四、在小程序样式中挑选一个满意的，长按拖到桌面即可。

相关介绍：

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

随着APP市场的饱和，大部分用户已经养成了使用习惯，开发新的APP很难在市场生存。此外，APP开发和推广成本高也是不争的事实。易观2018年3月份的报告显示，移动电商APP的下载成本高达120-200 元，而且这些后期未必能形成转化。互联网金融、二手车电商APP的新客户成本，更是动辄高达数千元。

华为手机可以通过以下 *** 作添加天气、时钟等桌面小工具。

1、在桌面上双指捏合，进入桌面编辑状态。

2、点击窗口小工具，然后可以向左滑动查看所有小工具。

3、部分小工具（如天气）会有多种样式，点击该图标可以展开所有的样式。向右滑动展开的样式，可以收拢。

4、点击需要的小工具图标，即可将其添加到当前屏幕。如果当前屏幕没有空间，您可以长按并拖动该图标，将其添加到其它屏幕。

以上就是关于微信小程序--多个按钮选中的联动效果全部的内容，包括:微信小程序--多个按钮选中的联动效果、小程序开发头部按钮被关闭遮住了、华为手机小程序怎么弄出来等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！