智能助手
帮助中心智能助手上线
我能为你解答飞书使用的问题,快来问问我吧!
00:00
点击按住可拖动视频
我知道了
去试试
工作台宣传栏规范

工作台宣传栏规范

本文阅读时长:3 分钟
🔖
说明:本文介绍的宣传栏规范仅适用于默认工作台。如需了解定制工作台的宣传栏规范,可参考定制工作台“宣传栏”小组件图片上传规范
一、简介
工作台设有滚动宣传栏,可以轮播展示多张图片。管理员在后台上传这些图片时,需要满足一定的规范,以使图片能自动适应飞书客户端界面的大小。
:如需重新上传图片,可参考发布通知公告进行配置。
二、图片标准
尺寸
格式
大小
背景色
圆角
透明度
1380x450 px
JPG/PNG
小于 1000 KB
需保持图片高清
不限制
不支持
不支持
  • 上传图片时不能上传圆角的图片,但由于宣传栏组件是圆角,所以最终展示的效果仍然是圆角。
250px|700px|reset
  • 建议将重点内容放入图片的核心区域,例如产品 Logo、主标题、副标题、行动点、主图形等。右侧区域建议放置辅助内容,辅助内容可能会在自适应过程中被裁切。
250px|700px|reset
  • 如果图片中包含按钮样式,则按钮需要符合下列规范,否则可能在自适应过程中显示错误。
  • 按钮文字:大小“30 px”;字重“Medium”;左右 Padding“48 px”。
  • 按钮边框:高度“66 px”;形态“全圆角”;颜色“不限制”。
  • 按钮应放入核心区域,与文字左对齐,距离左侧边距 60 px。
250px|700px|reset
三、宣传栏自适应规则
  • 图片等比拉伸。
  • 当宣传栏整体宽度小于 460 px,图片从右往左裁切。
  • 当宣传栏整体宽度大于 460 px图片宽度同容器宽度,图片上下裁切。
例如,当宣传栏的尺寸是 460x150 px 时,桌面端自适应的宽度范围是 308-470 px,移动端自适应的宽度范围是 280-600 px
自适应过程如下图所示:
250px|700px|reset
作者飞书帮助中心
最后更新于2023/12/25
本文是否对你有帮助

有帮助
无帮助
提交成功,感谢你的反馈!
未能解决你的问题?请联系在线客服
1
rangeDom
购买咨询
一对一专业企业顾问
工作日 8:00 - 19:00 在线服务