【山海鲸功能演示】如何设置选中按钮的时候其他按钮切换为默认样式?

在制作项目的过程中,我们有时会需要通过多个按钮来进行组件的交互,并在点击某个按钮时让其他所有按钮恢复默认状态。

下面我们就来看一下,应该如何设置选中按钮的时候其他按钮切换为默认样式。

  1. 首先,在左侧组件库中选择一个**"按钮"**组件添加。
  1. 选中该组件,同时在右侧**"样式"**设置中修改选中后的样式,例如这里我将选中后的文字色修改为了橙色。
  1. 复制粘贴该组件,同时全选这些组件并右键点击**"成组"**,将这些组件并入同一个分组中。
  1. 选中该分组后,在右侧**"样式"** 设置中开启**"内部组件选中互斥"**。
  1. 最终效果如下图所示:
相关推荐
无心使然云中漫步5 小时前
Openlayers调用ArcGis地图服务之二 —— 动态地图(/export)
前端·arcgis·vue·数据可视化
漂视数字孪生世界5 小时前
2026 SMT工厂数字孪生开发实战选型指南
数据可视化
山海鲸可视化5 小时前
数字孪生项目案例 | 冷链物流可视化-园区篇
大数据·数据分析·数据可视化·数据看板·可视化大屏
Front_Yue6 小时前
魔珐星云在智慧文旅项目中的全流程技术拆解
人工智能·数字人·数据可视化·魔珐星云·可视化方案
漂视数字孪生世界15 小时前
2026年智能制造工厂数字孪生开发选型指南
数据可视化
threelab1 天前
从工厂模式到简化封装:三维引擎架构演进之路 threejs设计
javascript·3d·架构·webgl
Navicat中国1 天前
用 Navicat 来可视化 PostgreSQL GIS 数据,是否支持?
数据库·postgresql·gis·数据可视化·navicat
qiao若huan喜1 天前
13、webgl基本概念 + 绘制狮子座星空
前端·javascript·信息可视化·webgl
ZC跨境爬虫3 天前
3D地球卫星轨道可视化平台开发 Day15(添加卫星系列模糊搜索功能)
前端·数据库·3d·交互·数据可视化
qq_283720053 天前
Python3 模块精讲:pyecharts —— 交互式数据可视化全解与实战
python·信息可视化·数据分析·echarts·数据可视化·pyecharts