OveUI 博客
菜鸟前端笔记

常见的命名规则

前一个 prev

后一个 next

当前的 current

显示的 show

隐藏的 hide

打开的 open

关闭的 close

选中的 selected

有效的 active

默认的 default

反转的 toggle

禁用的 disabled

危险的 danger

主要的 primary

成功的 success

提醒的 info

警告的 warning

出错的 error

大型的 lg

小型的 sm

超小的 xs

布局

文档 doc

头部 header(hd)

主体 body

尾部 footer(ft)

主栏 main

侧栏 side

容器 box/container

通用部件

列表 list

列表项 item

表格 table

表单 form

链接 link

标题 caption/heading/title

菜单 menu

集合 group

条 bar

内容 content

结果 result

组件

按钮 button(btn)

字体 icon

下拉菜单 dropdown

工具栏 toolbar

分页 page

缩略图 thumbnail

警告框 alert

进度条 progress

导航条 navbar

导航 nav

子导航 subnav

面包屑 breadcrumb(crumb)

标签 label

徽章 badge

巨幕 jumbotron

面板 panel

洼地 well

标签页 tab

提示框 tooltip

弹出框 popover

轮播图 carousel(swiper)

手风琴 collapse

定位浮标 affix

语义化小部件

品牌 brand

标志 logo

额外部件 addon

版权 copyright

注册 regist(reg)

登录 login

搜索 search

热点 hot

帮助 help

信息 info

提示 tips

开关 toggle(switch)

新闻 news

广告 advertise(ad)

排行 top

下载 download

地址 address

功能部件

左浮动 fl

右浮动 fr

清浮动 cf

赞(0) 打赏
未经允许不得转载:UI 树意境 » 常见的命名规则
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏