Axure树形菜单展开与折叠
亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！
课程主题：Axure树形菜单展开与折叠
主要内容：树形菜单制作——层级关系——隐藏与显示——值的变化——多层交互
应用场景：关系树、菜单后台维护、角色关系
案例展示：
Axure树形菜单展开与折叠
正文内容：
步骤一：建立菜单表头，拖入矩形并进行命名
步骤二：依次录入一级类目、二级类目、三级类目、商品名单，组成整体信息内容
步骤三，除了一级类目，全部设置成载入时隐藏
步骤五：添加一级类目下蔬菜的交互；单击蔬菜按钮——显示二级类目——设置选中效果；（其他一级类目同理设计，因篇幅关系不上图了）
步骤六：添加点击三个点弹出更多选项；制作弹窗的背景——填加选项
步骤七：依次为叶菜、瓜菜二级、三级、商品名称添加如上按钮的交互和更多选项
1、叶菜交互
2、瓜菜的交互
因为我们三级类目是上下布局，这时我们应把两个菜单进行叠加
以上同理设计三级类目和商品名称，因为篇幅关系，不重复操作了，感谢观看。
本课小结：隐藏与显示的深度理解，选中时与取消选中时元件的变化以及用户体验的设计；多元件的状态思考。
相关课程直通车：
中继器实现时间读取和修改-CSDN博客
Axure复选框全选反选取消高级交互-CSDN博客
Axure横向菜单高级交互-CSDN博客
Axure垂直菜单展开与折叠-CSDN博客
如有其他相关问题，欢迎私信沟通，关注 结构化知识课堂-CSDN博客
明天的产品大咖就是你，创作不易，麻烦关注一下，点赞+收藏，感谢大家！
相关文章：
Axure树形菜单展开与折叠
亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！ 课程主题：Axure树形菜单展开与折叠 主要内容：树形菜单制作——层级关系——隐藏与显示——值的变化——多层交互 应用场景：关系树、菜…...
开发一个微信小程序要多少钱？
在当今数字化时代，微信小程序成为众多企业和个人拓展业务、提供服务的热门选择。那么，开发一个微信小程序究竟需要多少钱呢？ 开发成本主要取决于多个因素。首先是功能需求的复杂程度。如果只是一个简单的信息展示小程序，功能仅限…...
AnaTraf | TCP重传的工作原理与优化方法
目录 什么是TCP重传？ TCP重传的常见触发原因 TCP重传对网络性能的影响 1. 高延迟与重传 2. 吞吐量的下降 如何优化和减少TCP重传 1. 优化网络设备配置 2. 优化网络链路 3. 网络带宽的合理规划 4. 部署CDN和缓存策略 结语 AnaTraf 网络性能监控系统NPM | …...
python从0快速上手（一）python环境搭建 windows macos linux
Python环境搭建超详细指南 Python是一种广泛使用的高级编程语言，它以其简洁的语法和强大的功能而受到开发者的喜爱。对于初学者来说，搭建一个合适的Python开发环境是开始Python之旅的第一步。本文将为你提供一个超级详细的Python环境搭建指南࿰…...
麒麟aarch64架构下安装compat-openssl10
问题描述： 麒麟aarch64架构下安装mysql8.0.40,报错nothing provides libcrypto.so.10()(64bit) needed by 原因： 你当前系统的 OpenSSL 版本与 MySQL 8.0.40 所需的库不匹配。MySQL 8.0.40 需要 libcrypto.so.10，而你的系统使用的是 OpenS…...
React远程组件
什么是远程组件？ 远程组件指的是从远程服务器动态加载的组件，这些组件可以是React、Vue等框架的组件。 为什么需要远程组件 本质上就是为了解决复用问题，那引出新的问题有几种公共项目代码复用方式？ Git仓库 将公共代码单独抽…...
ssm教师上课系统+vue
系统包含：源码论文 所用技术：SpringBootVueSSMMybatisMysql 免费提供给大家参考或者学习，获取源码请私聊我 需要定制请私聊 目 录 目 录 I 摘 要 III ABSTRACT IV 1 绪论 1 1.1 课题背景 1 1.2 研究现状 1 1.3 研究内容 2 [2 系统…...
【C】分支和循环--猜数字游戏
分支和循环 练习：猜数字游戏 游戏要求： 1；电脑自动生成1~100的随机数 2；玩家猜数字，猜数字的过程中，根据猜测数据的大小给出大了或小了的反馈，直到猜出，游戏结束 随机数生成 函数…...
Liunx 操作redis
1,到Liunx的redis的安装目录下/home/redis/redis-7.2.3/src 执行命令 ./redis-cli2,执行命令后，出现以下 127.0.0.1:6379>3,输入密码 127.0.0.1:6379> AUTH 你的密码4,切换db库 127.0.0.1:6379> SELECT 55,操作命令 查看当前 db库的缓存 127.0.0.1:63…...
C#教程笔记
C#开发的程序依附.NET平台 编译器->IL中间语言->CLR->机器指令 .NET CORE平台 跨平台 .cs后缀名 快捷键 CtrlKD格式化CtrlL或CtrlX删除一行CtrlY反撤销cwTab快速生成命令行输出Ctrl空格或CtrlJ获取提示///方法注释CtrlMO代码全部折叠CtrlML代码全部展开 上升沿0变1 安…...
Docker 部署 RocketMQ
1.拉取RocketMQ镜像 这里以dockerhub上 RocketMQ 5.2.0版本的镜像为例，介绍部署过程。 docker pull registry.cn-hangzhou.aliyuncs.com/qiluo-images/rocketmq:5.2.02.创建容器共享网络 RocketMQ 中有多个服务，需要创建多个容器，创建 docke…...
linux安装mysql数据库（最完整的yum源安装）
1.下载YUM库 wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm这里介绍一下wegt命令 wget 是一个非常强大的命令行工具，用于从网络上下载文件。它支持HTTP、HTTPS和FTP协议，并且可以通过HTTP代理进行下载。以下是 wget 的…...
工业物联网关-TCP透传
TCP透传功能提供类似于DTU(Data Transmit Unit)的功能，用户在网络端使用TCP协议连接网关，与串口通道绑定，建立起TCP与串口的通道，网关相当于一个中转点。 菜单选择"数据上行-tcp透传"，查看当前透传通道列表&…...
sentinel原理源码分析系列(六)-统计指标
调用链和统计节点构建完成，进入统计指标插槽，统计指标在最后执行的，等后面的插槽执行完，资源调用完成了，根据资源调用情况累计。指标统计是最重要的插槽，所有的功能都依靠指标数据，指标的正确与…...
【代理模式使用场景】
一般来说，代理模式使用场景是远程代理、虚拟代理、安全代理等。下面来详细介绍下这三个场景是什么，实现原理和特点。不过在介绍三个场景前，我们还是先来回顾下代理模式。 代理模式 定义 是结构型设计模式，引入一个对象控制对另…...
ARM-8 代码还原动态调试之 pstree 条件表达式
out_string(lvl level - 1 ? last ? sym->last_2 : sym->branch_2 : more[lvl 1] ? sym->vert_2 : sym->empty_2); 条件表达式执行顺利： lvl level - 1 ? last ? sym->last_2 : sym->branch_2 : more[lvl 1] ?…...
Spring Boot技术栈在电影评论网站中的应用
2相关技术 2.1 MYSQL数据库 MySQL是一个真正的多用户、多线程SQL数据库服务器。 是基于SQL的客户/服务器模式的关系数据库管理系统，它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等，非常…...
DDOS防护
DDoS攻击简介 分布式拒绝服务（DDoS）攻击是一种网络攻击方式，通过控制大量的受感染系统（称为“僵尸网络”）向目标服务器发送大量的网络流量或请求，目的是使目标服务器超载，无法提供正常服务。这…...
【Vue】Vue（九）OptionsAPI与CompositionAPI的区别
文章目录 OptionsAPI与CompositionAPI在代码使用和逻辑上的区别一、代码使用方面的区别（一）组件定义的结构（二）响应式数据的定义与使用（三）逻辑复用的实现方式 二、逻辑方面的区别（一࿰…...
MySQL 【日期】函数大全（四）
目录 1、MAKEDATE() 根据年份和一年中天数创建一个日期并返回。 2、MAKETIME() 指定的时、分、秒创建一个时间并返回。 3、MINUTE() 函数提取并返回时间的分钟部分。 4、MONTH() 函数提取日期的月份部分并作为数字返回。 5、MONTHNAME() 返回给定日期的月份的名字。 6、N…...
。】2022-5-15)
【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15
缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下： struct data{ int year; int month; int day;};-编程语言-CSDN问答 struct mdata{ int year; int month; int day; }mdata; int 天数(int year, int month) {switch (month){case 1: case 3:…...
mongodb源码分析session执行handleRequest命令find过程
mongo/transport/service_state_machine.cpp已经分析startSession创建ASIOSession过程，并且验证connection是否超过限制ASIOSession和connection是循环接受客户端命令，把数据流转换成Message，状态转变流程是：State::Created 》 St…...
如何理解 IP 数据报中的 TTL？
目录 前言理解 前言 面试灵魂一问：说说对 IP 数据报中 TTL 的理解？我们都知道，IP 数据报由首部和数据两部分组成，首部又分为两部分：固定部分和可变部分，共占 20 字节，而即将讨论的 TTL 就位于首…...
初探Service服务发现机制
1.Service简介 Service是将运行在一组Pod上的应用程序发布为网络服务的抽象方法。 主要功能：服务发现和负载均衡。 Service类型的包括ClusterIP类型、NodePort类型、LoadBalancer类型、ExternalName类型 2.Endpoints简介 Endpoints是一种Kubernetes资源…...
基于 TAPD 进行项目管理
起因 自己写了个小工具，仓库用的Github。之前在用markdown进行需求管理，现在随着功能的增加，感觉有点难以管理了，所以用TAPD这个工具进行需求、Bug管理。 操作流程 注册 TAPD，需要提供一个企业名新建一个项目&#…...
面向无人机海岸带生态系统监测的语义分割基准数据集
描述：海岸带生态系统的监测是维护生态平衡和可持续发展的重要任务。语义分割技术在遥感影像中的应用为海岸带生态系统的精准监测提供了有效手段。然而，目前该领域仍面临一个挑战，即缺乏公开的专门面向海岸带生态系统的语义分割基准数据集。受…...
QT3D学习笔记——圆台、圆锥
类名作用Qt3DWindow3D渲染窗口容器QEntity场景中的实体（对象或容器）QCamera控制观察视角QPointLight点光源QConeMesh圆锥几何网格QTransform控制实体的位置/旋转/缩放QPhongMaterialPhong光照材质（定义颜色、反光等）QFirstPersonC…...
使用LangGraph和LangSmith构建多智能体人工智能系统
现在，通过组合几个较小的子智能体来创建一个强大的人工智能智能体正成为一种趋势。但这也带来了一些挑战，比如减少幻觉、管理对话流程、在测试期间留意智能体的工作方式、允许人工介入以及评估其性能。你需要进行大量的反复试验。 在这篇博客〔原作者&a…...
掌握 HTTP 请求：理解 cURL GET 语法
cURL 是一个强大的命令行工具，用于发送 HTTP 请求和与 Web 服务器交互。在 Web 开发和测试中，cURL 经常用于发送 GET 请求来获取服务器资源。本文将详细介绍 cURL GET 请求的语法和使用方法。 一、cURL 基本概念 cURL 是 "Client URL" 的缩写…...
Sklearn 机器学习 缺失值处理 获取填充失值的统计值
💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏： 【自动化测试】 【测试经验】 【人工智能】 【Python】 使用 Scikit-learn 处理缺失值并提取填充统计信息的完整指南 在机器学习项目中，数据清…...