简易axure设计原型流程

news2024/11/24 9:03:47

我们这里做的是移动端的项目,基于提供的参考视频,截图了app的图片,作为实现原型时候的背景图。

原来实现的移动端的项目是基于vant开发的,因而下载了vant的元件库。参考地址:

Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.

需求中需要用到 图标,参考:

Axure学与练:使用图标 - 知乎

我是访问了iconfont的网址在vant的图标库里面复制图标到axure

另外需要注意到的一点就是,使用vant的搜索框原件的话,对于清空按钮鼠标单击是无法触发清空文本框的,应该使用鼠标按下事件触发清空文本框

另外注意复制动态面板时如果当前是在页面里面选中动态面板的话是复制不到理想的state下面的,需要进入到动态面板下面的state中选中指定的动态面板来复制

在实践中使用了vant的列表原件来实现企业列表下的状态。

使用了vant下表单中的选择器来实现带关联关系的选择器的展示。

使用的方法是另外开始一个anxre软件打开vant原型库 Vant元件库.rp文件,再指定的页面找到需要用到的部分复制,因为这样取用的已经添加上了一些事件和流程可以较好的提升我们实现页面的速度。

实现效果: 

                                    

 

 

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

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

相关文章

python入门(八) 书体检测和识别

文章目录 实现思路:python环境开发工具传统形态学侵蚀,膨胀,张开,闭合侵蚀膨胀张开闭合 canny边缘检测算法检测书法文字案例实现步骤 本人工作中,用到了ai相关技术,但是java出身,所以从0开始学习&#xff0…

如何高效实现客户服务自助,打造在线产品帮助中心即可

随着互联网技术的不断发展,越来越多的企业开始重视客户服务自助和在线产品帮助中心的建设。这不仅可以提高客户满意度,还可以减轻客服人员的工作压力,降低企业的运营成本。本文将从以下几个方面探讨如何高效实现客户服务自助,打造…

干旱导致狮子捕猎家畜,马赛族人猎杀十余只,人与动物如何共存

最近,肯尼亚马赛族人在一场血腥的激战中,猎杀了数十头在野外流浪的狮子,对于这个事,大家也是议论纷纷。 肯尼亚旅游部长Peninah Malonza亲自乘坐直升机从内罗毕前来处理此事,足见问题的严重性。值得注意的是&#xff0…

Java 17 用户采用率在一年内增长了 430%

New Relic 最新发布了一份 “2023 年 Java 生态系统状况报告”,旨在提供有关当今 Java 生态系统状态的背景和见解。该报告基于从数百万个提供性能数据的应用程序中收集的数据,对生产中使用最多的版本、最受欢迎的 JDK 供应商、容器的兴起等多方面进行了调…

激光雷达「逆势而上」,70%理想新车主的选择就是最佳答案

眼下,年初的整车降价潮带来的负面影响,还在发酵。对处于增长周期的智能驾驶赛道来说,受终端车型销量不确定性、白热化竞争带来的降本压力以及定点交付的备货现金流紧张等因素影响,可以说是对整个行业的巨大挑战。 首当其冲&#…

国内AI大模型汇总-附申请网址

文章目录 前言1. AI文本工具站效率工具自媒体创作工具代码工具 2.道和顺ChatIC3.星期五4.文心一言5.讯飞星火认知大模型6.通义千问7.商汤-日日新8.Moss9.ChatGLM10. 360智脑写在最后 前言 随着ChatGPT迅速走红,国内各大企业纷纷发力认知大模型领域。经过一段时间的酝酿&#x…

在外远程登录公司局域网下的象过河ERP管理系统,无需公网IP

文章目录 概述1.查看象过河服务端端口2.内网穿透3. 异地公网连接4. 固定公网地址4.1 保留一个固定TCP地址4.2 配置固定TCP地址 5. 使用固定地址连接 转发自CSDN远程穿透的文章:公网远程访问公司内网象过河ERP系统「内网穿透」 概述 ERP系统对于企业来说重要性不言而…

5.16黄金能否继续受阻?今日多空如何布局

近期有哪些消息面影响黄金走势?今日黄金多空该如何研判? ​黄金消息面解析:周二(5月16日)亚盘时段,现货黄金继续承压窄幅震荡,目前交投于2017美元/盎司附近。金价上周五触及一周最低&#xff0…

​GitOps模式下微服务CI/CD实践

点击上方蓝字⭐️关注“DevOps云学堂”,接收最新技术实践 今天是「DevOps云学堂」与你共同进步的第 24 天 单应用与环境流程设计: 多应用与环境流程设计: CI持续集成 首先准备一个代码库:https://github.com/DevOpsCICDCourse/mi…

Angular之创建项目报错:setTimeout is not defined

零基础的宝们,跟着视频学习Angular中,会教授大家如何创建一个新项目。 但是在操作时就会遇到无法创建的问题。 接下来我们一起来看看,本人Angular起步时卡在家门口的问题。 在已经安装了nodejs的情况下,被建议使用cnpm命令全局安装…

MySQL 8 如何解决快速获取数据库中所有业务库表列的distinct 值,不使用SQL

开头还是介绍一下群,如果感兴趣polardb ,mongodb ,mysql ,postgresql ,redis 等有问题,有需求都可以加群群内有各大数据库行业大咖,CTO,可以解决你的问题。加群请联系 liuaustin3 ,在新加的朋友会分到2群(共…

推荐 5 个本周 火火火 的开源项目

本周推荐开源项目目录: 1. 你的私人 GPT 2. 集成 AI 的数据库客户端工具 3. Switch 模拟器 4. 开源的短视频生成和编辑工具 5. 医疗领域的微调模型 01 你的私人 GPT privateGPT 开源两周,便斩获了 10K 的 Star。可以在离线的情况下,使用 GPT …

AMBER分子动力学模拟之分子模拟-- HIV蛋白酶-抑制剂复合物(2)

AMBER分子动力学模拟之分子模拟-- HIV蛋白酶-抑制剂复合物(2) 体系平衡 体系的优化分为两步,第一步固定蛋白和小分子,对添加的水盒优化。第二步则是对整个体系的优化。 对水盒子优化 vim min1.in &cntrl imin1, maxcyc10000, ncyc5000, ntb1, …

杂记——22.强弱类型语言的区别

这篇文章我们来讲一下强类型语言和弱类型语言,并分析一下二者的区别 目录 1.强类型语言 2.弱类型语言 3.区别 3.1编译型和解释型 3.2动态语言和静态语言 3.3 强类型定义语言和弱类型定义语言 4.静态类型语言的优势 1.强类型语言 强类型语言也称为强类型定义…

error C2143: 语法错误 : 缺少“)”(在“常量”的前面)

【背景】最近做一个项目,需要使用到凌华的运动控制卡和IO卡,在测试工程中,使用的类和引用的库文件都一切正常。 测试完成后,本着可重复移植的考虑,将整个文件夹添加到现有工程中,却出现了非常奇怪的编译错误…

JVM系列-第9章-StringTable(字符串常量池)

StringTable(字符串常量池) String的基本特性 String:字符串,使用一对 “” 引起来表示 String s1 "atguigu" ; // 字面量的定义方式String s2 new String("hello"); // new 对象的方式String被…

基于html+css的图展示73

准备项目 项目开发工具 Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044 项目…

【fly-iot飞凡物联】():开源项目Apache IoTDB,开源项目学习,原来还有这样的项目,关于IOT的几个开源项目汇总下

目录 前言1,关于:开源项目Apache IoTDB2,还有个admin后台3,thinglinks项目4,thingsboard-ui-vue项目5,apache pulsar项目6,ActorCloud项目 前言 本文的原文连接是: https://blog.csdn.net/freew…

ASP.NET MVC-WebAPI请求

一、无参数Get请求 一般的get请求我们可以使用jquery提供的$.get() 或者$.ajax({type:"get"}) 来实现: 请求的后台Action方法仍为上篇文章中的GetUser() : 也可以用$.ajax({type:"get"}) 方式,正确的获得了返回数据: 二、…

Grafana功能菜单介绍(04)

Grafana的功能菜单设计为侧边栏(sidebar)形式,可以折叠隐藏,便于我们更加专注数据的可视化。现将菜单栏各项功能进行编号讲解,如下图所示。 ① Grafana的logo,即当前页为Grafana的Home page,在任何页面点击Grafana的logo,都会跳到Home Page。 ② 新建按钮,用于创建Da…