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

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

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

  1. 首先,在左侧组件库中选择一个**"按钮"**组件添加。
  1. 选中该组件,同时在右侧**"样式"**设置中修改选中后的样式,例如这里我将选中后的文字色修改为了橙色。
  1. 复制粘贴该组件,同时全选这些组件并右键点击**"成组"**,将这些组件并入同一个分组中。
  1. 选中该分组后,在右侧**"样式"** 设置中开启**"内部组件选中互斥"**。
  1. 最终效果如下图所示:
相关推荐
杨浦老苏2 小时前
可视化Docker Compose构建器VCompose
运维·docker·开发·可视化·群晖
山海鲸实战案例分享3 小时前
【数字孪生实战案例】怎样点击命名后的项目组件,就能自动跳转至对应网页链接?~山海鲸可视化
数字孪生·数据可视化·零代码·实战案例·山海鲸可视化·跳转链接·基础单行文本
kadog4 小时前
GraphX:基于 WebGL 区间算术的 GPU 加速隐函数绘图器
前端·javascript·数学建模·webgl
weixin_5051544612 小时前
打破传统界限:Bowell Studio引领3D作业指导新纪元
人工智能·3d·制造·数据安全·数字孪生·数据可视化
王霸天21 小时前
🚨 还在用 rem) 做大屏适配?用 vfit.js 一键搞定,告别改稿8版的噩梦!
前端·vue.js·数据可视化
Highcharts.js1 天前
经验值|React 实时数据图表性能为什么会越来越卡?
前端·javascript·react.js·数据可视化·实时数据
ct9781 天前
Cesium的Primitive API
gis·webgl·cesium
杨超越luckly2 天前
HTML应用指南:利用GET请求获取中国生活垃圾焚烧发电厂位置信息
python·arcgis·html·数据可视化·生活垃圾焚烧发电厂
杨浦老苏3 天前
开源OSINT调查平台Flowsint的安装
网络安全·docker·可视化·群晖·osint