北京澳门太阳城科技有限公司

澳门太阳城主页 > 电商资讯 >

电商资讯

 

Axure 教程:PC 端电商首页商品分类

发布时间:2018-10-10 18:05
 

  1.拖出四个矩形,输入文字 “ 一级分类 ” ,w 为:200 px ,h 为:50 px ;

  3.全选所有元件 、动态面板 ,右键点击 “ 转换为动态面板 ” ,设置属性 “ 鼠标移出时 ” – 隐藏 “ 二、展示 ” ,动画为:渐变,250毫秒 。

  3.继续全选所有元件、动态面板,右键点击 “ 转换为动态面板 ” ,命名为:“ 全部商品分类 ” ,如下图:

  2.在拖出一个矩形,w 为 400 px ,h 为200 px 。里面放入文本 “ 二级分类 ” 、“ 分类 ” ,然后如图排放:

  2.把 “ 一、二、展示 ” 鼠标移出时的设置删除,二、展示 ” ,点击 “ 全部商品分类 ” 设置属性:“ 鼠标移入时 ” 显示 “ 一、二、250毫秒,置于顶层,点击确定;

  1.拖如一个矩形,w 为:200 px ,h 为:40 px ,色值:#333333 ,输入 “ 全部商品分类 ” 放在如图:

  1.全选四个 “ 一级分类 ” ,右键点击交互样式设置 – 鼠标悬停 – 填充颜色 – 色值 #F2F2F2 ,如图:

  3.前面有四个 “ 一级分类 ” ,二、分类的展示也需要有四个,因为四个一模一样的话到时不好分辨,所以小伙伴们各自给做出一些区别取来。然后把四个一起放在一个动态面板里面,命名:“ 二、展示 ” ,然后把该动态面点击隐藏。那如图:

文章来源:澳门太阳城