主页- 欧博集团官方网站欧博集团

handlogo
中国图标
欧博集团H-ZERO全新“轻透”主题上线,体验焕然一新 !

欧博集团H-ZERO开发平台全新主题「轻透」正式上线!


「轻透」主题是一套柔和普适的H-ZERO主题 ,通过结构化组件和清晰视觉规则 ,为H-ZERO用户带来全新的视觉体验。


同时,「轻透」主题新增功能集合功能,并优化门户功能 ,助力企业数字化再上新台阶 !

主题体验升级 :轻透·简洁·高效

轻透」主题细节全面优化 ,采用低饱和色彩策略 ,弱化主题色的突出感 ,更多运用中性灰搭配,营造出高级简约的视觉风格 ,全面提升用户操作的轻松感和愉悦感:

1. 配色风格

◈ 延续H-ZERO十色阶原则 ,轻透主题拥有更加柔和明亮的主题色 ,主文本色适当降低亮度 ,提升页面阅读舒适度

◈ 运用DesignToken语义化命名颜色变量,使色彩使用更加规范可控

 同样支持在主题配置中灵活切换主题色

2. 字体与圆角

◈ 正文字体大小由12px调整为14px,显著提升页面可读性

 全面采用圆角设计 ,传递舒适友好的视觉风格  ,减轻界面压迫感

3. 组件体验优化

◈ 拥有涵盖多种状态(默认、禁用、必输、报错等)和交互(悬停、聚焦等)的完整视觉组件设计 ,降低沟通成本 ,保障视觉及交互体验一致性

◈ 输入类组件采用下划线加强设计,下拉选择组件配以中性灰背景 ,搭配14px文本,视觉直观且舒适

◈ 表格标题加强上边线 ,增加内容区分度,内容区只保留下边线 ,减少视觉干扰 ,悬停中性灰背景 ,增加统一性

▲ 示例页面 :角色管理

功能优化升级

引入「功能集合」概念

H-ZERO新增功能集合功能 ,支持用户根据需求创建功能集合 ,实现千人千面,灵活便捷 :

  • 支持四级分类:功能集合→分类→分组→功能(实际菜单页面)

  • 可视化拖拽编辑 :菜单可拖拽至分组,并支持自由调整顺序

  • 首页固定功能集合:常用应用可一键固定到首页,提高访问效率

  • 角色合并继承 :功能集合支持按角色存储,角色合并时自动整合展示

▲ 功能集合

门户功能优化

◈ 支持主题切换:

  • 门户模式新增主题配置,可根据实际需求进行主题(轻透、流光)快速切换调整

◈ 搜索优化:

  • 增加分类选择,并高亮搜索选项 ,让搜索更加精确清晰

>

“轻透”主题价值总结

 用户专注力提升

中性灰+弱化主题色 ,使眼部焦点自动落在内容区 ,任务打断率下降

 操作效率提升

顶部展开菜单+页签快速跳转+功能集合“千人千面” ,支持用户快速触达常用菜单功能

轻透主题不只是“换皮肤”,而是把H-ZERO的“系统负担”转化为“用户生产力” ,让视觉真正服务于业务指标 。

欢迎立即体验全新「轻透」主题与功能升级,全面提升系统体验。

携手欧博集团 ,共铸硬核竞争力 !

热点

智聚武汉|2026欧博集团用户大会 ,最新议程提前剧透 !

欧博集团 x 罗欣药业|以 H-AI 中台筑基 ,开启医药行业“合规+智能”双引擎新范式  !

AI 双标杆落地|欧博集团助力新和成运营全流程赋能、思源电气标书智能解读 !

© Copyright Hand China Co.,Ltd. All Rights Reserved 上海欧博集团信息技术股份有限公司

业务咨询

完善信息后我们会第一时间跟您联系
*
*
*
*
*请输入正确的验证码
captcha
发送失败
微信扫码 在线咨询 微信咨询二维码
联系我们
400-168-4263
业务咨询
完善信息后我们会第一时间跟您联系
'; // $("#goTop").append(gotoTop_html); $("#goTop").click( //定义返回顶部点击向上滚动的动画 function () { $('html,body').animate({ scrollTop: 0 }, 700); }); min_height ? min_height = min_height : min_height = 50; $(window).scroll(function () { var s = $(window).scrollTop(); if (s > min_height) { // $('.online-feedback').fadeIn(100); // $('.feedback-img').fadeIn(100); } else { // $("#gotoTop").fadeOut(200); // $('.online-feedback').fadeOut(200); // $('.feedback-img').fadeOut(200); } }); }; gotoTop(); var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2c7ecded0d11a367405ad6df566b1da0z6'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); //底部导航图片 $(".codeInfo li").mouseover(function () { var index = $(this).index() console.log(index); $(`.codeInfo li:eq(${index}) a`).css('opacity', '1') $(`.codeInfo li:gt(${index}) a`).css('opacity', '0.8') $(`.codeInfo li:lt(${index}) a`).css('opacity', '0.8') $(`.codeInfo .codeimg:gt(${index})`).hide(); $(`.codeInfo .codeimg:lt(${index})`).hide(); $(`.codeInfo .codeimg:eq(${index})`).show(); }).mouseleave(function () { $(`.codeInfo li:eq(${index}) a`).css('opacity', '0.8') }) //切换国家 // $(".lang ul").hide(); $(".lang").mouseover(function () { $(this).find($("ul")).slideDown("200"); }) $(".lang").mouseleave(function () { $(this).find($("ul")).slideUp("200"); }) //查看更多 $('.more-white-see,.more-black-see') .on('mouseenter', function (e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; $(this).find('.more-see-bg').css({ top: relY, left: relX }) }) .on('mouseout', function (e) { var parentOffset = $(this).offset(), relX = e.pageX - parentOffset.left, relY = e.pageY - parentOffset.top; $(this).find('.more-see-bg').css({ top: relY, left: relX }) }); //自适应方案 // var metaNode = document.querySelector('meta[name=viewport]'); // var designWidth = 1366; // var scale = document.documentElement.clientWidth / designWidth; // scale = scale.toFixed(2) // metaNode.content += `, initial-scale=${scale}`; //顶部导航栏 背景色适配banner $('.nav-wrap > ul > li').mouseenter(function () { $(this).find('.nav-li-active').css('width', '3.5rem') $(this).siblings().find('.nav-li-active').css('width', '0') $(`.hd-nav:eq(${$(this).index()})`).stop().slideDown({ start: function () { $(this).css({ display: "flex" }) } }) }) .mouseleave(function () { $(this).find('.nav-li-active').css('width', '0') $(`.hd-nav:eq(${$(this).index()})`).stop() .slideUp() }) // //白底菜单栏 添加logo-new // window.onload = function () { // var color = $('.header').css('background-color') // if (color === 'rgb(255, 255, 255)' || color === '#ffffff') { // $('.logo').addClass('logo-new') // } else { // $('.logo').removeClass('logo-new') // } // }