UI设计-不简单?简单(3)

        在做权限系统的时候,好多功能负责的页面,为了让用户操作起来更简单,抽成“下一步”的流程操作是很有必要的。用户组模块的用户组注册时涉及到三个步骤,为了加上导航条可是费了一些心思,刚开始想的是自己画,但是自己的画的绝对是丑啊,于是搜索了一番,发现了一个不错的导航条插件ystep。下面贴上几张我设计的界面:

UI设计-不简单?简单(3)_第1张图片

UI设计-不简单?简单(3)_第2张图片

UI设计-不简单?简单(3)_第3张图片

        注册成功后给用户一个良好的反馈。

UI设计-不简单?简单(3)_第4张图片

             ystep的用法:
               (1)首先定义一个容器来存放进度条
               (2)创建导航条js代码
                UI设计-不简单?简单(3)_第5张图片
        (3)原来的提示框默认的背景是灰色的,需要更改封装的css代码
               UI设计-不简单?简单(3)_第6张图片

            导航条创建成功了,希望对大家有所帮助。

你可能感兴趣的:(UI)