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

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

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

  1. 首先,在左侧组件库中选择一个**"按钮"**组件添加。
  1. 选中该组件,同时在右侧**"样式"**设置中修改选中后的样式,例如这里我将选中后的文字色修改为了橙色。
  1. 复制粘贴该组件,同时全选这些组件并右键点击**"成组"**,将这些组件并入同一个分组中。
  1. 选中该分组后,在右侧**"样式"** 设置中开启**"内部组件选中互斥"**。
  1. 最终效果如下图所示:
相关推荐
ZhengEnCi12 小时前
P2M-Matplotlib折线图完全指南-从数据可视化到趋势分析的Python绘图利器
python·matlab·数据可视化
山河木马4 天前
矩阵专题1-怎么创建模型矩阵(uModelMatrix)
javascript·webgl·计算机图形学
山河木马5 天前
矩阵专题0-webGL中的矩阵
javascript·webgl·计算机图形学
一颗烂土豆9 天前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
极光代码工作室12 天前
基于数据仓库的电商数据分析平台
大数据·hadoop·python·spark·数据可视化
柳杉13 天前
我用Threejs 搓了一个 3D 中国地图设计器,开箱即用
前端·three.js·数据可视化
丷丩14 天前
MapLibre GL JS第49课:用表达式创建渐变线
gis·可视化·地图·mapbox·maplibre gl js
小的博客15 天前
Oh-My-Posh安装及使用
学习·数据可视化
丷丩16 天前
MapLibre GL JS第46课:用Markers添加自定义图标
gis·可视化·mapbox·maplibre gl js