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

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

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

  1. 首先,在左侧组件库中选择一个**"按钮"**组件添加。
  1. 选中该组件,同时在右侧**"样式"**设置中修改选中后的样式,例如这里我将选中后的文字色修改为了橙色。
  1. 复制粘贴该组件,同时全选这些组件并右键点击**"成组"**,将这些组件并入同一个分组中。
  1. 选中该分组后,在右侧**"样式"** 设置中开启**"内部组件选中互斥"**。
  1. 最终效果如下图所示:
相关推荐
极光代码工作室16 小时前
基于Spark的日志监控与分析平台
大数据·hadoop·python·spark·数据可视化
慧都小妮子17 小时前
ThingsBoard PE 智慧能源:打造企业数字化能源管理平台
运维·物联网·能源·数据采集·数据可视化·thingsboard·制造业数字化
杨超越luckly1 天前
Agent应用指南:长三角41城跨城人口流动OD数据分析
python·数据挖掘·数据分析·html·可视化
databook1 天前
当散点图不够用时:用 t-SNE 可视化多维数据
python·数据分析·数据可视化
Strayer2 天前
拓扑管网 3D 可视化大屏demo:科技感(地图 + 拓扑 + 3D 空间)
前端·three.js·数据可视化
datagear2 天前
DataGear 6.0.0 新特性之本地图表
数据分析·html·数据可视化
晁阳3 天前
Three.js 带主题切换的数据可视化大屏 —— 技巧与实现
数据可视化
码哥字节4 天前
ECharts 8 个实战技巧,从配置到性能全覆盖
echarts·数据可视化·前端性能优化
用户83134859306984 天前
Vue+Threejs实现人物奔跑场景
vue.js·webgl·three.js