Axure情形动作篇(ERP登录效验)

目录

一、ERP系统用户登录效验

1.1 完成步骤

1.2 最终效果

二、省市区联动

三、ERP菜单栏页面跳转

四、下拉加载效果实现

4.1 加载动画实现步骤

4.2 下划界面加载实现

4.3 最终效果


一、ERP系统用户登录效验

1.1 完成步骤

首先搭建ERP系统的登录界面(输入框和登录按钮等),如下:

然后有了界面之后添加一个错误提示框(当用户名或密码输入错误时,该提示框会弹出进行报错提示),如下:

然后将其设置为隐藏,如下:

设置后的效果:

用户名输入框和密码输入框设置表单提示属性,如下: 

设置提示文本,隐藏提示条件以及提交按钮,如下:

最后给登录按钮设置新的交互以及情形跟动作,如下:

1.2 最终效果

最终展示效果如下:

二、省市区联动

三、ERP菜单栏页面跳转

四、下拉加载效果实现

4.1 加载动画实现步骤

实现思路:

首先我们需要有一个下拉加载的背景页面,然后在此页面上,设置一个加载动画并且隐藏,当鼠标下划时,加载动画显现1.5秒(自定义),这个时间段一过就把动画隐藏。

加载动画设置:

首先拖入加载中的静态图标,如下:

然后为图标设置交互,让它旋转起来,交互情形如下:

4.2 下划界面加载实现

最后,设置在页面上下拉触发加载动画显现的效果,如下:

4.3 最终效果

最终效果如下:


最后Axure动态面板的应用与ERP系统登录界面、主页左侧菜单栏、公告栏的绘制就到这里,祝大家在学产品的路上一路通畅!

感谢大家的观看 !

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/285081.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Kafka 数据乱序

每个broker队列最多能缓存5个没有应答的请求: 发送数据1,2,3,4,5。发送到3的时候没有应答成功,要重发,结果4先过来了,就导致乱序。 解决:开启幂等性 max.in.flight.req…

lua语法

lua语法 1.lua数据类型 lua 脚本输出乱码,将lua脚本改为UTF-8编码,并且需要DOS下修改代码页:CHCP 65001 即可。 基本语法 注释 print("script lua win")-- 单行注释--[[多行注释]]--标识符 类似于:java当中 变量、…

05_Web框架之Django二

Web框架之Django二 学习目标和内容 1、能够使用类视图的写法 2、能够使用模板语言的相关语法 3、能够理解过滤器的作用 4、能够理解并使用模板继承 一、类视图 1、类视图介绍 视图是一个可调用的对象,它接收一个请求然后返回一个响应,这个可调用对象可…

jieba-fenci 结巴分词原理讲解 segment

拓展阅读 DFA 算法详解 为了便于大家学习,项目开源地址如下,欢迎 forkstar 鼓励一下老马~ 敏感词 sensitive-word 分词 segment 分词的必要性 我们平时做文本分析,或者我个人想做一个繁简体转换/同义词替换等工具,分词都是必须…

13.FTP

FTP FTP配置 添加一个本地用户 设置个密码 服务类型是FTP 工作路径授权给用户 设置用户角色为网络管理员 开启FTP服务 R2的路径下有这些文件 在R1进行测试,输入刚才创建的用户密码 get 获取文件 put上传文件 也可以在PC进行访问 可以升级路由器系…

超级计算机与天气预报:精准预测的科技革命

超级计算机与天气预报:精准预测的科技革命 一、引言 随着科技的飞速发展,超级计算机已经成为现代社会不可或缺的一部分。它们在科研、工业、军事等领域发挥着重要作用,其中天气预报是一个颇具代表性的应用领域。本文将探讨超级计算机在天气…

MongoDB中的关系

本文主要介绍MongoDB中的关系。 目录 MongoDB的关系嵌入关系引用关系 MongoDB的关系 MongoDB是一个非关系型数据库,它使用了键值对的方式来存储数据。因此,MongoDB没有像传统关系型数据库中那样的表、行和列的概念。相反,MongoDB中的关系是通…

Java对象结构

Java 对象(Object 实例)结构包括三部分:对象头、对象体、对齐字节。 Object的三个部分 对象头包括三个字段,第一个字段叫做 Mark Word(标记字),用于存储自身运行时的数据 例如 GC 标志位、哈希码、锁状态等信息。 第二个字段叫做 Class Pointer(类对象…

vue3项目,按需引入Element-plus ElMessage 样式丢失

文章目录 Element-plus使用了自动按需导入代码手动导入了API样式丢失解决方案Eslint报错 Element-plus使用了自动按需导入 vite.config.js配置如下: import { defineConfig } from vite import vue from vitejs/plugin-vue// 按需引入 import AutoImport from unp…

SpringBoot基于gRPC进行RPC调用

SpringBoot基于gRPC进行RPC调用 一、gRPC1.1 什么是gRPC?1.2 如何编写proto1.3 数据类型及对应关系1.4 枚举1.5 数组1.6 map类型1.7 嵌套对象 二、SpringBoot gRPC2.1 工程目录2.2 jrpc-api2.2.1 引入gRPC依赖2.2.2 编写 .proto 文件2.2.3 使用插件机制生产proto相关…

大语言模型加速信创软件 IDE 技术革新

QCon 全球软件开发大会(上海站)将于 12 月 28-29 日举办,会议特别策划「智能化信创软件 IDE」专题,邀请到华为云开发工具和效率领域首席专家、华为软件开发生产线 CodeArts 首席技术总监王亚伟担任专题出品人,为专题质…

2018年第七届数学建模国际赛小美赛B题世界杯足球赛的赛制安排解题全过程文档及程序

2018年第七届数学建模国际赛小美赛 B题 世界杯足球赛的赛制安排 原题再现: 有32支球队参加国际足联世界杯决赛阶段的比赛。但从2026年开始,球队的数量将增加到48支。由于时间有限,一支球队不能打太多比赛。因此,国际足联提议改变…