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…...
基于算法竞赛的c++编程（28）结构体的进阶应用
结构体的嵌套与复杂数据组织 在C中，结构体可以嵌套使用，形成更复杂的数据结构。例如，可以通过嵌套结构体描述多层级数据关系： struct Address {string city;string street;int zipCode; };struct Employee {string name;int id;…...
Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件
今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。 那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...
【JVM】- 内存结构
引言 JVM：Java Virtual Machine 定义：Java虚拟机，Java二进制字节码的运行环境好处： 一次编写，到处运行自动内存管理，垃圾回收的功能数组下标越界检查（会抛异常，不会覆盖到其他代码…...
ESP32 I2S音频总线学习笔记（四）： INMP441采集音频并实时播放
简介 前面两期文章我们介绍了I2S的读取和写入，一个是通过INMP441麦克风模块采集音频，一个是通过PCM5102A模块播放音频，那如果我们将两者结合起来，将麦克风采集到的音频通过PCM5102A播放，是不是就可以做一个扩音器了呢…...
从零实现STL哈希容器：unordered_map/unordered_set封装详解
本篇文章是对C学习的STL哈希容器自主实现部分的学习分享 希望也能为你带来些帮助~ 那咱们废话不多说，直接开始吧！ 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...
【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）
骨骼动画基础 骨骼动画是 3D 计算机图形中常用的技术，它通过以下两个主要组件实现角色动画。 骨骼系统 (Skeleton)：由层级结构的骨头组成，类似于人体骨骼蒙皮 (Mesh Skinning)：将模型网格顶点绑定到骨骼上，使骨骼移动…...
CRMEB 框架中 PHP 上传扩展开发：涵盖本地上传及阿里云 OSS、腾讯云 COS、七牛云
目前已有本地上传、阿里云OSS上传、腾讯云COS上传、七牛云上传扩展 扩展入口文件 文件目录 crmeb\services\upload\Upload.php namespace crmeb\services\upload;use crmeb\basic\BaseManager; use think\facade\Config;/*** Class Upload* package crmeb\services\upload* …...
【JavaWeb】Docker项目部署
引言 之前学习了Linux操作系统的常见命令，在Linux上安装软件，以及如何在Linux上部署一个单体项目，大多数同学都会有相同的感受，那就是麻烦。 核心体现在三点： 命令太多了，记不住 软件安装包名字复杂&…...
在QWebEngineView上实现鼠标、触摸等事件捕获的解决方案
这个问题我看其他博主也写了，要么要会员、要么写的乱七八糟。这里我整理一下，把问题说清楚并且给出代码，拿去用就行，照着葫芦画瓢。 问题 在继承QWebEngineView后，重写mousePressEvent或event函数无法捕获鼠标按下事…...
深入浅出深度学习基础：从感知机到全连接神经网络的核心原理与应用
文章目录 前言一、感知机 (Perceptron)1.1 基础介绍1.1.1 感知机是什么？1.1.2 感知机的工作原理 1.2 感知机的简单应用：基本逻辑门1.2.1 逻辑与 (Logic AND)1.2.2 逻辑或 (Logic OR)1.2.3 逻辑与非 (Logic NAND) 1.3 感知机的实现1.3.1 简单实现 (基于阈…...