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

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

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

布局的约束

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

onLoad:function这个函数在页面加载时就会执行一次，所以这里可以加载默认颜色数据，同时wxml用到了curColorIndex以及data_color，所以在data里定义。

怎么制作微信小程序，

流程一：微信小程序注册

登录微信公众平台，点击立即注册，选择小程序模块。

流程二：微信小程序制作

对于不懂技术和编程的小白，可以采用套用模板的模式通过简单的拖拽方式一键生成微信小程序，方便快捷。

流程三：选用合适模板

在各式各样的模板中，选择适合自己行业的模板

流程四：编辑内容，发布

选择合适的模板模块中编辑内容，填充，丰富。编辑完成之后，就可以发布了。

流程五：进入打包小程序页面，选择代码包下载

流程六：微信web开发工具

进入微信公众平台，下载开发工具

流程七：小程序项目管理，点击添加项目

流程八：小程序APPID

填入申请到的小程序的 AppID，上传刚刚下载的打包文件。在开发者内可以小程序预览，确认无误后，然后上传。

以上就是微信小程序制作教程，希望对大家有所帮助！

以上就是关于微信小程序(一)多个按钮选中的联动效果全部的内容，包括:微信小程序(一)多个按钮选中的联动效果、怎么制作微信小程序、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！