Axure ant.design 搭建小项目原型图
2016-10-26 16:49
603 查看
Axure RP是一个专业的快速原型设计工具。链接不提供。
Ant Design Library v2.0.1蚂蚁金服体验技术部出品,https://ant.design/docs/resource/download
注意ICON的使用:
因为该原型图为移动端,所有采用移动端的样式风格,先上图:
上图中,有个需要注意的地方,底部tab有个page切换功能,在此需要用到动态面板这个基础控件,双击动态面板,设置面板的状态,在tab按钮中分别设置按钮点击事件,并设置相关按钮的样式。
再上几张图:
Ant Design Library v2.0.1蚂蚁金服体验技术部出品,https://ant.design/docs/resource/download
注意ICON的使用:
因为该原型图为移动端,所有采用移动端的样式风格,先上图:
上图中,有个需要注意的地方,底部tab有个page切换功能,在此需要用到动态面板这个基础控件,双击动态面板,设置面板的状态,在tab按钮中分别设置按钮点击事件,并设置相关按钮的样式。
再上几张图:
相关文章推荐
- 【React自制全家桶】一、Webstrom+React+Ant Design+echarts搭建react项目
- Struts2+Hibernate4+Spring4框架整合搭建Java项目原型
- ant design环境搭建过程中遇到的问题--Windows-dva-cli
- ant-design环境搭建
- 项目开发之Axure原型需求分析
- Ant Design Pro---项目之前
- Axure--使用阿里云搭建自己的原型发布站点
- 基于React+Router+Redux+Sagas+fetch+ant Design +less + es6+mockjs的项目过程总结
- Ant在eclipse中搭建项目
- ant design后台模板-1.前端环境搭建
- 如何在华为云软件开发云上搭建JavaWeb Ant项目
- 项目原型搭建-一群牛在工作
- eclipse基于ant的build.xml搭建项目
- SVN+Axure RP Pro 创建原型项目
- 使用SVN+Axure RP 8.0创建团队项目(原型图)
- react项目-使用antdesign组件库的总结
- 使用Axure管理团队项目以及分享原型
- ant.design实践手札之---项目环境启动
- 在windows环境下使用nginx搭建服务器配合axure演示原型
- react项目学习笔记三(ant design)