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.mzph.cn/news/231569.shtml

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

相关文章

【Spring】12 EmbeddedValueResolverAware 接口

文章目录 1. 简介2. 作用3. 使用3.1 创建并实现接口3.2 配置 Bean3.3 创建启动类3.4 启动 4. 应用场景总结 Spring 框架提供了许多回调接口,以便开发者在 Bean 的生命周期中执行一些特定操作。其中之一是 EmbeddedValueResolverAware 接口,本文将深入探…

Android Studio(3.6.2版本)安装 java2smali 插件,java2smali 插件的使用方法简述

一、Android Studio(3.6.2版本)安装 java2smali 插件 1、左上角File—>Setting,如下图 2、Setting界面中:点击Plugins—>选择右侧上方Marketplace—>搜索栏输入java2smali,如下图 3、点击Install按钮—>点…

【每日一题】—— C. Largest Subsequence(Codeforces Round 915 (Div. 2))(规律、字符串处理)

🌏博客主页:PH_modest的博客主页 🚩当前专栏:每日一题 💌其他专栏: 🔴 每日反刍 🟡 C跬步积累 🟢 C语言跬步积累 🌈座右铭:广积粮,缓称…

计算机存储精度引起的模型数值问题

引起数学模型数值问题的原因有很多种,例如前面的文章《约束系数的四舍五入引起的模型数值问题》提到,对约束系数的四舍五入,会损失一定的系数精度信息,导致约束面发生一定的偏移,这种偏移无论多么轻微,都有…

python图像二值化处理

目录 1、双峰法 2、P参数法 3、迭代法 4、OTSU法 图像的二值化处理是将图像上的像素点的灰度值设置为0或255,也就是将整个图像呈现出明显的只有黑和白的视觉效果。二值化是图像分割的一种最简单的方法,可以把灰度图像转换成二值图像。具体实现是将大…

云原生之深入解析K8S 1.27新特性如何简化状态服务跨集群平滑迁移

一、背景 Kubernetes v1.26 为 StatefulSet 引入了一个新的 Alpha 级别特性,可以控制 Pod 副本的序号。从 Kubernetes v1.27 开始,此特性进级到 Beta 阶段。序数可以从任意非负数开始, 那么该如何使用此功能呢?StatefulSet 序号为…

剑指 Offer(第2版)面试题 38:字符串的排列

剑指 Offer(第2版)面试题 38:字符串的排列 剑指 Offer(第2版)面试题 38:字符串的排列解法1:回溯扩展题一:LeetCode 46. 全排列扩展题二:LeetCode 47. 全排列 II 剑指 Off…

C# WPF上位机开发(ExtendedWPFToolkit扩展包使用)

【 声明:版权所有,欢迎转载,请勿用于商业用途。 联系信箱:feixiaoxing 163.com】 虽然个人认为当前的c# wpf内容已经足够多,但是肯定还是有很多个性化的需求没有满足。比如说不够好看,比如说动画效果不好&a…

解决ZooKeeper中/rmstore无法删除问题

无法删除znode /rmstore的原因在于yarn在注册时候候自己添加上ACL,导致无法直接删除。解决办法:重新设置ACL。 首先,查看ACL:getAcl /rmstore/ZKRMStateRoot 之后,重新设置ACL:setAcl /rmstore/ZKRMState…

【重点】【回溯】【DFS】79.单词搜索

题目 注意:此题跟岛屿的数量对比来看,增加了回溯的过程,岛屿题并无回溯。 法1:DFS 必须掌握方法! class Solution {public boolean exist(char[][] board, String word) {char[] charArr word.toCharArray();int m…

SQL进阶理论篇(十二):InnoDB中的MVCC是如何实现的?

文章目录 简介事务版本号行记录的隐藏列Undo LogRead View的工作流程总结参考文献 简介 在不同的DBMS里,MVCC的实现机制是不同的。本节我们会以InnoDB举例,讲解InnoDB里MVCC的实现机制。 我们需要掌握这么几个概念: 事务版本号行记录的隐藏…

任务十六:主备备份型防火墙双机热备

目录 目的 器材 拓扑 步骤 一、基本配置 配置各路由器接口的IP地址【省略】 1、配置BGP协议实现Internet路由器之间互联 2、防火墙FW1和FW2接口IP配置与区域划分 3、配置区域间转发策略 4、配置NAPT和默认路由 5、配置VRRP组,并加入Active/standby VGMP管…

代码随想录算法训练营第二十六天(回溯算法篇)|131. 分割回文串

131. 分割回文串 题目链接:131. 分割回文串 - 力扣(LeetCode) 思路 分割字串和组合的题目有异曲同工之妙。 组合:选好数组中第一个数,接着选数组中第一个后面的数,进入递归。第一个树层代表选的第一个数…

Windows下配置最新ChromeDriver

1、问题 在使用代码调用谷歌浏览器时会出错: from selenium import webdriver driver webdriver.Chrome() SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 114 Current browser versi…

KSP音频抓包

1. 按照网上其他教程&#xff0c;安装KSP抓音频 Biu~笔记&#xff1a;高通蓝牙ADK&#xff08;38&#xff09;-- KSP in MDE - 大大通(简体站) Biu~笔记&#xff1a;高通蓝牙ADK&#xff08;22&#xff09;--DSP音频链路监听 - 大大通(简体站) <<Biu~笔记&#xff1a;高…

AX7A200教程(9): ov5640摄像头输出显示720p视频

一&#xff0c;功能框图 ov5640摄像头视频通过ddr3缓存后&#xff0c;最后使用hdmi接口进行输出显示 二&#xff0c;摄像头硬件说明 2.1&#xff0c;像头硬件管脚 如下图所示&#xff0c;一共18个管脚 2.2&#xff0c;摄像头电源初始化时序 因这个ov5640摄像头是买的老摄像…

JDK bug:ciObjectFactory::create_new_metadata

文章目录 1、问题2.详细日志3.JDK&#xff1a;bug最终bug链接&#xff1a; 京东遇到过类似bug各位大佬如果有更详细的解答可以留言。 1、问题 Problematic frame: V [libjvm.so0x438067] ciObjectFactory::create_new_metadata(Metadata*)0x327 关键字还是ciObjectFactory::cr…

图片懒加载和预加载

1.懒加载 延迟加载&#xff0c;当达到预定条件的时候&#xff0c;再加载对应的资源 实现 function lazyload&#xff08;&#xff09;{let imgs document.querySelectorAll(img)//获取浏览器滚动过的距离let scrollTop document.body.scrollTop || document.documentElemen…

关键字、标识符、变量、基本数据类型

一、关键字&#xff08;Keyword&#xff09; 定义&#xff1a;被Java语言赋予了特殊含义&#xff0c;用做专门用途的字符串&#xff08;或单词&#xff09; 特点&#xff1a;全部关键字都是小写字母 Java关键字查询关键地址&#xff1a; http:// https://docs.oracle.com/j…

Cmake基础(7)

这次是Cmake的重点&#xff0c;多项目 文章目录 add_subdirectoryget_filename_component变量作用域全局变量主目录定义变量可以在子目录访问到字目录定义PARENT_SCOPE变量可以在主目录访问到 添加依赖项 其实我们在一个cmake中使用多个add_excuatable 和add_library就能有多个…