Skip to main content

定制化和样式

Rainbond 企业版提供了一系列的个性化配置选项，包括网页图标、登陆页图片、主题颜色、官网 DEMO 以及 Logo 的自定义修改等等。管理员可以根据企业需求，选择不同的配置选项进行自定义修改，以便更好地适应企业的特殊需求和品牌形象。

主要功能​

个性化配置主要分为两大块：基础信息配置、主题配置，具体配置入口为：平台管理 -> 设置 -> 个性化配置。以下篇幅将会对可配置项进行详细说明，需要注意的是，只有平台管理员才能自定义平台页面配置，配置好以后对所有用户生效。

description

description

基础信息配置​

基础信息是配置企业标志性的一些选项，包括网站标题、企业名称、文档地址、官方 DEMO、Footer、LOGO、网页图标、登陆页图片等，以下是各个选项的说明：

网站标题​

  • 显示在浏览器标签栏上的名称，即网站名称。

企业名称​

  • 显示在平台管理中总览视图，用于标识企业的名称，通常情况下企业名称可与网站标题一致。

文档地址​

  • 头部右侧白色书型图标是企业文档的链接地址，用户可以点击该链接跳转到平台使用文档页面。

官方 DEMO​

  • 显示在团队视图源码创建位置，用于是否展示 DEMO 示例。
  • Footer 是在产品页面底部显示的信息，通常包括企业名称、版权信息等。
  • LOGO 是企业的标志显示在头部左侧位置，用于在网站页面和其它渠道上展示企业形象。

网页图标​

  • 网页图标是显示在浏览器标签栏上的小图标，用于标识网站的品牌形象。

登陆页图片​

  • 登陆页图片是用户登录页面上显示的背景图片，用于展示企业的品牌形象。

主题配置​

管理员可以选择不同的颜色风格，包括头部背景颜色、头部文字颜色、侧边栏背景颜色、侧边栏文字颜色等。管理员可以直接输入颜色或者点击右侧色块来选择任意配色，可根据公司产品主色调来搭配颜色。修改即时生效，可以进行预览，只有点击保存后才会应用到所有用户。

description

使用手册​

当你使用个性化配置功能时，建议先了解企业的品牌形象和视觉设计风格，根据这些来决定各个参数的具体配置。在选择图片时，需要注意图片格式和尺寸，以保证图片质量并且在不同的设备上显示效果一致。在选择颜色时，需要注意整体的协调性和可读性，以保证用户使用平台时有良好的视觉体验。

基础信息配置​

以下将会给出各个参数配置的建议，你可以根据以下建议搭配出最适合你企业场景的样式。

网站标题​

  • 建议使用简洁、清晰的文字，不要超过 15 个字符，过长之后会自动省略号隐藏。

企业名称​

  • 建议使用企业正式名称，最好不要超过 30 个字符。

文档地址​

  • 建议填写公司文档的链接地址，注意检查链接地址是否正确，文档地址默认为 rainbond 官网文档地址。

官方 Demo​

  • 建议在线环境开启官方 DEMO，可以创建多种语言的组件，离线环境由于没有网络，可以关闭官方 DEMO。
  • 图片格式建议使用 PNG 格式，可以保证图片质量，同时也适用于不同的屏幕分辨率。图片尺寸建议为 236 x 35 像素或者更大一些，可以保证在不同设备上显示时不失真。如果用户上传的图片尺寸小于建议值，系统会自动对其进行缩放处理，但可能会影响图片质量。

网页图标​

  • 建议像素不要太小，避免上传之后看不到。
  • 建议只填写公司名称，时间部分系统会自动生成。

登陆页图片​

  • 图片格式建议使用 PNG格式，图片尺寸建议为 460 x 460 像素或者更大一些

UI主题配置​

建议管理员在修改个性化配置前备份原配置，以便在需要时可以还原到原配置，当调试完配色之后需要点击保存按钮来进行保存，如果未保存跳转到其他页面则会恢复上次配色，恢复上次主题按钮是恢复到上次点击保存之后的颜色，如果想恢复到平台初始配色，需要将输入框的值全部清空之后点击保存则恢复初始配色。

头部颜色​

  • 建议选择与公司品牌形象相符的颜色，可以提高公司品牌的识别度和用户黏性。同时，建议使用相近的色调，不要使用过于刺眼或撞色的组合。

头部文字颜色​

  • 建议选择与头部颜色相近的颜色，以保证页面整体的协调性和美观性。

侧边栏颜色​

  • 建议选择浅色系列相近的颜色或者使用默认白色调，以保证页面整体的协调性和美观性。

侧边栏文字颜色​

  • 建议选择与侧边栏颜色相近的颜色或者使用灰色，以保证页面整体的协调性和美观性。