网站构成


网站构成(PC) website constitute

前言:weui的设计规范,忽然觉得站在了巨人的肩膀。 https://weui.io/

基础样式

字体一套

主题颜色一套

表单样式

input

  • 内边距(padding)
  • 点击输入时获得焦点的颜色(鼠标点击之后给用户的颜色强调) 移动端(mob)可无
  • 数据核验出错样式(如果为空,为假时,进行红色样式强调) 移动端(mob)可无
  • 数据核验成功之后的样式

button

  • 按钮允许操作样式
  • 按钮点击之后 文字前加loading样式
  • 按钮禁止操作样式
  • 鼠标移入之后的样式改变

基础组件

  • Header(页首)
  • Footer(页脚)
    • 链接、备案信息
  • Flex(布局)
  • Loadmore(加载样式)

    • icon 正在加载
    • 暂无数据
    • 结束
  • Article(文章)

  • Badge(徽章) 也就是角标

操作反馈

导航相关

搜索相关

层级规范

0%