电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

高保真Axure组件:一套原汁原味的layui风格

高保真Axure组件:一套原汁原味的layui风格_第1页
1/7
高保真Axure组件:一套原汁原味的layui风格_第2页
2/7
高保真Axure组件:一套原汁原味的layui风格_第3页
3/7
高保真 Axure 组件:一套原汁原味的 layui 风格(附下载地址)layui 是一套经典的模块化前端框架,由职业前端倾情打造,面对所有层次的前后端程序猿,业界最容易使用的前端 UI 解决方案。 你可能不知道 layui,但是 layer 你应该是知道的。目前,layer 已成为国内最多人使用的 web 弹层组件,GitHub 自然 Stars3000+,官网累计下载量达30w+,大概有 20 万 Web 平台正在使用 layer。 感兴趣的小伙伴可以去官网看看:http://www.layui.com/关于这套组件 这套组件是由我制作完成,再交由 layui 的作者校对其中的细节部分,尽可能原滋原味地还原 layui。 官方下载地址:http://res.layui.com/download/axure/layui_web_1.0.9.rplib 在原型制作过程中,配色是不能避开的问题,但是为了不影响设计师的设计所以我更推举灰色系,也就是从#fbfbfb 到#c2c2c2 之间选取。为了满足更自由的配色,所以也提供了丰富的提示色和场景色。 按钮分为了场景按钮、尺寸按钮、带图标的按钮和按钮组。丰富的提示色和表现形式供你选择。不过注意:白色的按钮,为了还原真实的交互效果,所以我把按钮透明度调低,将图标放在了按钮下。使用的时候请按需修改。 3、其他表单原件 其他的输入框,文本域,单选,复选,下拉菜单我统一称呼为表单原件。 值得说一说的是下拉菜单: 为了还原 layui 的交互效果所以我在这里加了略显复杂又有点鸡肋的效果。 甚至我想到,产品人在使用的时候可能会拖动改变了选项的宽度,所以又增加了很多的推断,姑且叫做“伪自适应”吧: 当然我的目的只是为了使用这套组件的人可以更好的应用。 包括水平导航栏和垂直侧边导航(你也可以理解为手风琴效果): 水平导航条 垂直侧边导航栏 当然说道 layui 就不能不说说 layer 了,我最初接触 layui 也是从弹窗开始,在 layer 花样繁多的弹窗里,我费劲了周折也只能还原它的十分之一: 基本弹窗 图标弹窗 询问弹窗 操作提示 消息提示 通知提示 标签提示 confirm 提示 为了方便使用我还增加了一页演示实例,当然更多的演示你可以在 layui 的官网找到。6、手风琴和折叠面板 手风琴和折叠面板很相似,里面也有基本的交互效果和实现方法,需要的小伙伴可以自行阅读,再做一些自定义的修改。 演示效果: 7、多种选项卡 一共三种选项卡样式供选择,包括默认风格 tab,简介 tab 风格,卡片风格tab: 8、表格样式 表格样式包括了 layui...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

高保真Axure组件:一套原汁原味的layui风格

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部