Axure学习小成果

最近在老师的引导下学习Axure,为期五天的Axure学习结束,对学习成果进行一个简单的分享。

一.轮播图

 

首先是轮播图主要功能实现,参考博客Axure动态面板实现轮播图_axure轮播图_小贤的前端的博客-CSDN博客,不作赘述;

然后是标签点和背景图的对应

功能一:图片变化时,当前图片会根据名称选定元件,然后标签元件在被选定时变成蓝色;

功能二:点击标签元件时,切换到对应图片。

第三,我设置了一个左右切换标签

默认100%不透明,鼠标悬停时显示(左右各有一个,预想是悬浮在一个上边两个都会显示出来,技术力有限,只能指哪打哪了/cry)。

二.插入Echats

Axure插入Echarts图表,看起来真的蛮好看,小小了解了一下,发现在HTML中也可以插入,跟着这篇博客echarts入门教程(超级详细带案例)_争儿不脱发的博客-CSDN博客做了做,效果很棒。

这是Axure里的插入

 

 不得不说好看呢,初见,suki,单推。

 这些就是跟着上边那篇博客做的一些插入Echarts的html了,放两张图

 

三.中继器

先放成果图

就是普通的增删改查的功能,

1.增

 2.删

 

 批量删除

3.改

 4.查

 

 四.手机框架搭建

外壳和底部导航栏用的是老师分享的元件库中的元件

 

展示一下写的几个页面

 页面里的星星会闪烁移动,但是我截屏截不到(悲),具体是用动态面板实现的,和轮播图一个原理;

点击会跳转别的界面

 这里的滚动条只要内联框架设置根据需要滚动就可以力;

你说得对,但是......

这个界面就没什么具体功能了,主要是模拟一下页面,不过可以切换性别(喜)

目前就先分享这些。

 

 

 

 

 

 

 

 

 

 

 

 


比丘资源网 » Axure学习小成果

发表回复

提供最优质的资源集合

立即查看 了解详情