CSS BEM命名-档案管理和物联网

13 阅读4分钟

档案管理

block

文件管理

.file            /* 文件 */
.folder          /* 文件夹 */
.document        /* 文档 */
.archive         /* 档案 */
.record          /* 记录 */
.file-list       /* 文件列表 */
.folder-tree     /* 文件夹树 */
.file-grid       /* 文件网格 */
.file-item       /* 文件项 */
.folder-item     /* 文件夹项 */

文件操作

.file-upload     /* 文件上传 */
.file-download   /* 文件下载 */
.file-preview    /* 文件预览 */
.file-edit       /* 文件编辑 */
.file-delete     /* 文件删除 */
.file-move       /* 文件移动 */
.file-copy       /* 文件复制 */
.file-share      /* 文件分享 */
.file-print      /* 文件打印 */
.file-export     /* 文件导出 */
.file-import     /* 文件导入 */

预览与查看

.preview         /* 预览 */
.viewer          /* 查看器 */
.thumbnail       /* 缩略图 */
.fullscreen      /* 全屏查看 */
.document-view   /* 文档视图 */
.image-viewer    /* 图片查看器 */
.pdf-viewer      /* PDF查看器 */
.video-viewer    /* 视频查看器 */

分类与标签

.category        /* 分类 */
.tag             /* 标签 */
.label           /* 标签(用于标记) */
.classification  /* 分类(分级) */
.taxonomy        /* 分类法 */
.metadata        /* 元数据 */
.keyword         /* 关键词 */

搜索与筛选

.search-box      /* 搜索框 */
.advanced-search /* 高级搜索 */
.filter          /* 筛选器 */
.sort            /* 排序器 */
.search-result   /* 搜索结果 */
.filter-panel    /* 筛选面板 */
.search-history  /* 搜索历史 */

版本控制

.version         /* 版本 */
.version-history /* 版本历史 */
.version-list    /* 版本列表 */
.revision        /* 修订版 */
.diff            /* 差异对比 */
.change-log      /* 变更日志 */

权限与分享

.permission      /* 权限 */
.permission-list /* 权限列表 */
.share           /* 分享 */
.share-dialog    /* 分享对话框 */
.access-control  /* 访问控制 */
.role            /* 角色 */
.user-permission /* 用户权限 */

工作流

.workflow        /* 工作流 */
.approval        /* 审批 */
.approval-flow   /* 审批流程 */
.task            /* 任务 */
.task-list       /* 任务列表 */
.process         /* 流程 */
.step            /* 步骤 */

档案属性

.metadata-panel  /* 元数据面板 */
.properties      /* 属性 */
.details         /* 详情 */
.info-panel      /* 信息面板 */
.stats           /* 统计信息 */
.usage-stats     /* 使用统计 */

其他

.barcode-scanner /* 条形码扫描器 */
.qr-code         /* 二维码 */
.document-scanner /* 文档扫描仪 */
.ocr             /* 光学字符识别 */
.digital-signature /* 数字签名 */
.watermark       /* 水印 */
.archive-search  /* 档案搜索 */
.retention-policy /* 保留策略 */

element

文件管理

/* .file 的 Element */
__icon       /* 文件图标 */
__name       /* 文件名 */
__size       /* 文件大小 */
__type       /* 文件类型 */
__modified   /* 修改时间 */
__preview    /* 文件预览 */
__actions    /* 文件操作 */
__status     /* 文件状态 */
__version    /* 文件版本 */
__metadata   /* 元数据 */

文件夹管理

/* .folder 的 Element */
__icon       /* 文件夹图标 */
__name       /* 文件夹名 */
__count      /* 文件数量 */
__size       /* 文件夹大小 */
__tree       /* 树形结构 */
__node       /* 树节点 */
__children   /* 子文件夹 */
__expand     /* 展开按钮 */
__collapse   /* 折叠按钮 */

文档查看器

/* .document-viewer 的 Element */
__page       /* 页面 */
__content    /* 文档内容 */
__toolbar    /* 工具栏 */
__zoom       /* 缩放控制 */
__page-nav   /* 页面导航 */
__thumbnails /* 缩略图 */
__search     /* 搜索区域 */
__highlight  /* 高亮标记 */
__annotation /* 批注 */

物联网项目

block

设备管理

.device          /* 设备 */
.device-list     /* 设备列表 */
.device-item     /* 设备项 */
.device-detail   /* 设备详情 */
.device-status   /* 设备状态 */
.device-control  /* 设备控制 */
.device-config   /* 设备配置 */
.device-group    /* 设备组 */

传感器与数据

.sensor          /* 传感器 */
.sensor-list     /* 传感器列表 */
.data-stream     /* 数据流 */
.metric          /* 指标 */
.reading         /* 读数 */
.sensor-data     /* 传感器数据 */
.data-point      /* 数据点 */
.telemetry       /* 遥测数据 */

监控与告警

.monitor         /* 监控 */
.monitor-panel   /* 监控面板 */
.alert           /* 告警 */
.alert-list      /* 告警列表 */
.notification    /* 通知 */
.threshold       /* 阈值 */
.alert-history   /* 告警历史 */
.warning         /* 警告 */

地图与位置

.map             /* 地图 */
.map-view        /* 地图视图 */
.location        /* 位置 */
.geo-map         /* 地理地图 */
.location-marker /* 位置标记 */
.geofence        /* 地理围栏 */
.coordinate      /* 坐标 */

控制面板

.dashboard       /* 仪表板 */
.control-panel   /* 控制面板 */
.control-button  /* 控制按钮 */
.switch          /* 开关 */
.slider-control  /* 滑块控制 */
.toggle-control  /* 切换控制 */
.remote-control  /* 远程控制 */

图表与可视化

.chart           /* 图表 */
.realtime-chart  /* 实时图表 */
.historical-data /* 历史数据 */
.trend           /* 趋势 */
.graph           /* 图形 */
.gauge           /* 仪表盘 */
.indicator       /* 指示器 */

网络与连接

.network         /* 网络 */
.connection      /* 连接 */
.signal          /* 信号 */
.signal-strength /* 信号强度 */
.network-status  /* 网络状态 */
.connectivity    /* 连接性 */
.connection-log  /* 连接日志 */

日志与事件

.log             /* 日志 */
.log-viewer      /* 日志查看器 */
.event           /* 事件 */
.event-list      /* 事件列表 */
.activity-log    /* 活动日志 */
.audit-trail     /* 审计追踪 */
.timestamp       /* 时间戳 */

设备类型特定

.thermostat      /* 温控器 */
.camera          /* 摄像头 */
.lock            /* 锁 */
.light           /* 灯 */
.motor           /* 电机 */
.valve           /* 阀门 */
.relay           /* 继电器 */
.gateway         /* 网关 */

其他

.firmware-update /* 固件更新 */
.ota             /* 空中下载技术 */
.command         /* 命令 */
.command-history /* 命令历史 */
.device-log      /* 设备日志 */
.battery-status  /* 电池状态 */
.signal-quality  /* 信号质量 */
.provisioning    /* 设备配网 */

element

设备管理

/* .device 的 Element */
__icon       /* 设备图标 */
__name       /* 设备名称 */
__status     /* 设备状态 */
__online     /* 在线状态 */
__offline    /* 离线状态 */
__signal     /* 信号强度 */
__battery    /* 电池状态 */
__location   /* 位置信息 */
__data       /* 设备数据 */
__controls   /* 控制按钮 */

传感器数据

/* .sensor 的 Element */
__value      /* 传感器数值 */
__unit       /* 单位 */
__reading    /* 读数 */
__timestamp  /* 时间戳 */
__trend      /* 趋势指示 */
__chart      /* 数据图表 */
__threshold  /* 阈值显示 */
__alert      /* 告警状态 */

地图展示

/* .map 的 Element */
__marker     /* 标记点 */
__cluster    /* 标记簇 */
__popup      /* 弹出信息 */
__tooltip    /* 工具提示 */
__controls   /* 地图控制 */
__zoom       /* 缩放控制 */
__pan        /* 平移控制 */
__layer      /* 地图图层 */
__legend     /* 图例 */