openlmis/ui-layout
openlmis
OpenLMIS UI布局组件，提供***供应链管理系统的用户界面布局框架，支持响应式设计、模块化组件集成及一致的UI体验构建。
下载次数: 0状态：社区镜像维护者：openlmis仓库类型：镜像最近更新：21 天前
让 AI 帮你使用轩辕镜像？ · 展开查看说明 · 点击收起说明
如果你使用 DeepSeek、元宝 AI、Copilot、ChatGPT 等 AI 工具，协助配置轩辕镜像、编写 docker pull 命令、修改 Docker Compose 镜像地址、配置镜像加速、排查镜像拉取失败、分析报错日志等问题，请先让 AI 阅读并遵守轩辕镜像的规则文档。
只需在 AI 对话中先发送下面这句话即可：
请先完整阅读并严格遵守以下文档中的全部规则与要求：
https://xuanyuan.cloud/agents.md
在未充分阅读并理解该文档前，不要生成任何命令、配置、修改建议、故障排查方案或技术回答。后续所有输出都必须严格以该文档中的规范为最高优先级执行。查看 agents.md 用法指南与完整示范。国内用户首推 元宝 AI、DeepSeek 的深度思考模式，不推荐豆包 AI；Cursor 等编辑器可在对话 @ 该链接，或加入 User Rules。 若 AI 无法访问外链，可 打开说明文档 复制全文粘贴。文档会随站点更新，复制内容可能过期，建议定期检查。
OpenLMIS UI Layout 镜像文档
概述
OpenLMIS UI Layout 是 OpenLMIS（开源物流管理信息系统）的前端布局组件镜像，提供标准化的用户界面布局框架，用于构建供应链管理系统的一致化前端界面。该镜像封装了UI布局核心组件、样式资源及配置模板，支持快速集成到OpenLMIS前端应用中。
核心功能与特性
- 标准化布局结构：内置***系统常用的页面布局模板（如侧边栏导航、顶部工具栏、内容区域划分等）
- 响应式设计：自适应不同设备屏幕尺寸，支持桌面端与移动端访问
- 模块化组件：提供可复用的UI组件（如导航菜单、面包屑、通知面板等）
- 主题支持：支持自定义主题样式，适配不同部署环境的品牌需求
- 配置灵活：通过环境变量和配置文件自定义布局参数
使用场景与适用范围
- OpenLMIS系统前端应用开发与部署
- ***供应链管理平台的UI标准化建设
- 需要快速构建一致用户界面的***信息化项目
- 基于OpenLMIS生态的二次开发场景
使用方法与配置说明
前提条件
- Docker Engine 1.13+
- 网络连接（用于拉取镜像）
获取镜像
bashdocker pull openlmis/openlmis-ui-layout:latest
基本运行命令
bashdocker run -d \ --name openlmis-ui-layout \ -p 8080:80 \ openlmis/openlmis-ui-layout:latest
自定义配置
环境变量配置
| 环境变量名 | 描述 | 默认值 |
|---|---|---|
LAYOUT_THEME | 界面主题名称 | default |
NAVIGATION_STYLE | 导航栏样式（sidebar/topbar） | sidebar |
CONTENT_MAX_WIDTH | 内容区域最大宽度（px） | 1200 |
带环境变量的运行示例
bashdocker run -d \ --name openlmis-ui-layout \ -p 8080:80 \ -e LAYOUT_THEME=custom \ -e NAVIGATION_STYLE=topbar \ openlmis/openlmis-ui-layout:latest
挂载自定义配置文件
bashdocker run -d \ --name openlmis-ui-layout \ -p 8080:80 \ -v ./custom-layout-config:/etc/openlmis/ui-layout/config \ openlmis/openlmis-ui-layout:latest
集成到前端项目
在前端项目中通过NPM依赖引入：
bashnpm install @openlmis/ui-layout
注意事项
- 该镜像需配合OpenLMIS后端服务使用，单独运行仅提供布局预览功能
- 生产环境建议指定具体版本标签（如
:v3.14.0）而非latest - 自定义主题需将主题文件挂载至
/etc/openlmis/ui-layout/themes目录
相关资源
- 官方代码仓库：https://github.com/OpenLMIS/openlmis-ui-layout
- OpenLMIS文档中心：[***]
镜像拉取方式
您可以使用以下命令拉取该镜像。请将 <标签> 替换为具体的标签版本。如需查看所有可用标签版本，请访问 标签列表页面。
轩辕镜像加速拉取命令点我查看更多 ui-layout 镜像标签
docker pull docker.xuanyuan.run/openlmis/ui-layout:<标签>
DockerHub 原生拉取命令
docker pull openlmis/ui-layout:<标签>
镜像拉取常见问题
功能
错误码
用户好评
来自真实用户的反馈，见证轩辕镜像的优质服务
oldzhang
运维工程师
Linux服务器
5
"Docker访问体验非常流畅，大镜像也能快速完成下载。"