跳轉至

輕應用

介紹

輕應用旨在透過提供一個可由元件自由搭建的頁面,讓使用者能夠根據自身業務需求,靈活組合功能,打造個性化的應用首頁和工作臺。

功能亮點 自由定製工作空間 像搭積木一樣,輕鬆新增、移除或拖拽各類功能卡片,打造最適合您的頁面佈局,讓工具更好用。 適應多樣化的業務需求 提供豐富的“開箱即用”功能元件,無論是軟體開發、市場營銷還是客戶服務,都能搭建出滿足您特定場景的解決方案。 提供專業、聚焦的檢視 為不同角色和場景量身打造。管理者可以搭建彙集多專案資料的“駕駛艙”,實時掌握全域性動態;一線員工則能擁有一個聚焦個人待辦事項的“工作臺”,提升效率。

應用場景示例 🌰

ZnSbTJwq

UhX9PS2t

TIHOic3y

2JGtKIYS

aHYobsPV

更多場景: 等你搭建專屬業務場景!

一、輕應用管理

新建輕應用

空間管理員點選導航欄“功能”右上方導航配置,點選新建應用,可配置名稱、圖示、描述和可見範圍。點選確認後,將進入輕應用的編輯頁面。 許可權說明: 所有配置能力僅對空間管理員開放。

thQHNDOD

二、輕應用設定

基礎資訊

  • 名稱: 必填項,為你的應用命名。
  • 圖示: 支援自定義應用圖示。
  • 描述: 介紹輕應用的服務場景和其他相關資訊。

a62b34fa3-8933-4e73-8daf-48e3439e9f4d

  • 可見範圍:
  • 空間全員可見指定人員/團隊可見
  • 空間管理員預設可見。

a54c2dc20-d04c-4a5c-9dfc-a33eea41f6ce

外觀設定

入口:進入編輯態後,點選“輕應用更多設定” -> “外觀設定”。 可配置內容:應用導航(頁籤)位置、是否展示頁籤圖示、導航背景色。

a8c78b8cd-7cf0-4787-a332-9b7dbd8814dc

選擇主題色

概述 :管理員可為輕應用一鍵設定統一主題色,輕鬆適配企業品牌、活動氛圍與個人偏好,快速打造個性化且統一的視覺體驗 入口 :進入輕應用編輯頁面,點選右上角「設定」圖示,在「主題色」選項中,從預設的顏色方案中選擇即可 。

a062643b6-5d73-4ae8-af66-45982c377ceb

釋出與分享

  • 釋出:點選發布,可將儲存配置
  • 草稿:輕應用搭建過程中,直接退出編輯將「儲存但不釋出」,支援多位管理員基於同一份草稿協同配置,編輯進度實時同步展示,如果希望撤銷編輯內容,可以點選【重置】按鈕,回到線上配置。
  • 分享:使用者可以分享建立的輕應用。分享後的應用頁面可以被獨立訪問,也可以被嵌入到飛書的頁面、Tab或作為小元件使用。

a84cb8129-f3a2-4192-aecc-93204a2c729d

操作記錄

入口:進入編輯態後,點選“輕應用更多設定” -> “操作記錄”。 操作記錄在應用釋出後生成,只記錄最終修改結果,編輯過程中的增刪操作不會被記錄。

a5b74f914-4304-416d-9dfd-c6d89cc5d346

刪除輕應用

a7acb749f-4b70-40c0-aac1-5041d3e14751

三、頁面佈局

新建頁籤

每個輕應用均支援建立多個頁籤,頁籤數量上限為15個/輕應用。配置好的頁籤也支援進行復制。

2FV7aLnI

HyS5FDoV

更改頁面名稱

滑鼠懸停在頁面名稱上面,點選重新命名,可修改頁面名稱。

l2XQyThj

更改頁面圖示

a589c3ede-0770-4e0d-81fb-a57b0faee563

更改頁面背景

支援設定頁面級別的背景圖片或顏色,以滿足不同場景的視覺風格需求。

AZ05wzMg

管理頁面變數

頁面上的“資料中轉站”。它像一個容器,可以儲存資料,並被頁面上的多個元件讀取或寫入。

如何建立頁面變數?

  • 在頁面的“頁面變數管理”面板中,點選“新建”按鈕。
  • 在建立頁面變數時,你需要填寫:
  • 變數名: 變數的名稱。
  • 資料型別: 定義變數儲存的資料型別(如:文字、數字、日期等)。

如何使用頁面變數?

  • 元件寫入頁面變數: 在釋出者元件的高階設定中,配置將元件的資料寫入建立的頁面變數中。目前只支援按鈕元件寫入頁面變數。
  • 元件訂閱頁面變數: 在訂閱者元件的屬性配置中,選擇訂閱資料來源,然後從列表中找到並選中你建立的頁面變數。

動態網格高度

  • 動態網格高度關閉時: 元件高度不會自適應螢幕。網格高度固定為 56px,頁面被劃分為 12列 x N行
  • 動態網格高度開啟後: 頁面被劃分為 12列 x 9行。元件高度會根據螢幕型別(如豎向顯示屏)自適應拉伸,以保證在小屏裝置上可用。

IDTtii4t

刪除頁籤

ad116b731-d5b0-4cbf-89a0-1b4bc621f78b

四、平臺元件

新增元件

點選元件庫,拖拽元件進頁面後,可配置元件名稱和資料,打造最適合您的頁面佈局。

元件清單:

Yb5sG81c

元件位置調整

拖拽式自由佈局 :不僅實現元件拖拽更順暢、對齊更智慧;還支援元件批次選中,一鍵完成複製、刪除、位置調整,幫你輕鬆搭出專業美觀的應用。

a874fa52e-4851-4afd-9e5e-ef9bc7656796

元件背景

支援為單個元件設定背景顏色、透明度和模糊效果,常與頁面背景配合使用,以突出重點資訊。

pDchPOWm

頁籤複製

針對配置相似的多個頁籤,一鍵複製,無需手動重複設定。對於複雜輕應用的搭建,可節約大量人力成本

ad46fc79d-8b95-4ea3-8c1f-b27a12415401

官方元件庫

基礎元件

元件名稱 元件描述 示意
工作項列表 展示指定範圍的工作項資料。 J0n7H882
檢視列表 展示工作項的檢視列表。 2FMcfRgD
引用檢視 引用已建立的工作項檢視。 RCBdSweR
工作項選擇器 可選擇並輸出工作項資料。 wAPUpvmj
工作項檢視 建立新的工作項檢視。 LAy5ZDGM
工作項卡片 以卡片形式展示工作項摘要資訊。 JtjL8C6W
人員排期檢視 引用已建立的人員排期檢視。 WEtRnAdn
工作項資源庫 展示開啟了“資源庫”能力的工作項資料。 4tvayrJO
資源庫檢視列表 展示資源庫檢視。 2UHulqYj

圖表元件

元件名稱 元件描述 示意
引用圖表 引用已建立的圖表。 u4hXNdhT
基礎圖表 可切換柱狀圖、條形圖、折線圖、面積圖。 gqZlQo9G
餅圖 透過扇形角度展示資料佔比。 Loqf3YQp
漏斗圖 直觀展示各環節資料流轉趨勢。 mJ5hd1qz
指標對比卡 展示關鍵業務指標。 SVO8INvz
資料表 透過自定義行維度展示指標資料。 WIqNJThc
透視表 快速彙總並建立資料交叉關係。 x7s0fuzP
瀑布圖 展示各階段正負增長及累積構成關係。 pR4ul13z
雷達圖 呈現多維資料特徵。 oV1jZZBR
組合圖表 透過多種圖形元素組合展示資料。 EcSR3Q7x

高階元件

元件名稱 元件描述 示意
標題 為頁面提供清晰的層級和主題。 tmOAXZdg
按鈕 響應使用者點選,執行系列動作。 jezZBnFC
公告板 可新增文字描述、空間管理員資訊等。 1PE1d3AI
進度條 展示百分比進度。 EDiTlQWG
篩選器 設定篩選條件。 ctooo8nU
倒計時 展示距離目標日期的剩餘時間。 ZtwXyv1s
快捷入口 配置連結,快速跳轉。 1jvE76qf
富文字 使用者在釋出後可新增註釋說明。 779bqfVq
巢狀頁面 嵌入第三方網站或文件。 GwHgLTQr
團隊選擇器 可選擇團隊並輸出資訊。 Lq7SiYz7
人力負荷 展示指定使用者每日人力佔用情況。 flhXoCuM
工作項統計 統計工作項總數、已完成量等資料。 oB4ttJpW
分割線 內容區塊的視覺分隔 IZQIooEv
圖片輪播 多張圖片或卡片內容自動輪播展示 c5qzqEwE

外掛元件

開放平臺支援透過外掛機制為輕應用擴充套件外掛自定義的三方元件,三方元件繼承了平臺的各類屬性的配置和通訊能力,而且可以與平臺的一方元件聯動,從而實現全面豐富的互動體驗。一款外掛至多支援新增20個元件構成。 瞭解更多:

a8c4cfdc2-6e40-49c4-8657-0d3caa71db14

常見問題

元件配置常見上限 快捷入口: 20/元件 工作項列表tab: 15/元件 工作項卡片的欄位: 20/元件 篩選元件(平鋪模式、選擇模式、快捷篩選):15/模式/元件

檢視類元件預置排序、分組

對於工作項檢視等元件,管理員可以預先設定好篩選、排序和分組條件。這能確保所有團隊成員在檢視資料時,看到的都是經過統一標準過濾和排序的關鍵資訊,大大降低溝通成本。

co6XiQem