Axure RP(三十三)案例(顶部导航栏)

  1. 拖拽一个矩形,设置填充为蓝色、无边框。在这里插入图片描述
  2. 将蓝色矩形转为动态面板并取消“自动调整为内容尺寸” ,进入State1,删除原来的蓝色矩形,并为State1设置同样蓝色的背景颜色。在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  3. 为动态面板设置100%宽度。在这里插入图片描述
  4. 往顶部导航栏左侧添加一个“Administrator”字样作为logo。在这里插入图片描述
  5. 在顶部导航栏的右侧放一个动态面板,State1中放一个头像和用户名,下面再放一个动态面板(下拉菜单)内容为设置和退出登录。下拉菜单默认隐藏。在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
  6. 当鼠标移入头像时显示下拉菜单,当鼠标移出下拉菜单时隐藏下拉菜单。

在这里插入图片描述

©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值