在編寫DroneDeploy app時,我應該使用哪種樣式?我應該在DroneDeploy應用程序中使用哪些樣式?
app design guidelines指定應用程序應該遵循與本機DroneDeploy應用程序一致的設計。我如何知道哪些樣式與本機應用程序一致?
披露:我是DroneDeploy團隊的開發人員,這是我們經常從App平臺上的開發人員處獲得的問題。
在編寫DroneDeploy app時,我應該使用哪種樣式?我應該在DroneDeploy應用程序中使用哪些樣式?
app design guidelines指定應用程序應該遵循與本機DroneDeploy應用程序一致的設計。我如何知道哪些樣式與本機應用程序一致?
披露:我是DroneDeploy團隊的開發人員,這是我們經常從App平臺上的開發人員處獲得的問題。
眼下,最快捷的方法是添加this CSS file您index.html
文件的<head>
在您的應用程序文件夾,如下所示:
<link rel="stylesheet" href="https://s3.amazonaws.com/drone-deploy-plugins/templates/uikit/v1/styles.css">
具體來說,按照DroneDeploy風格,你可以鏈接到相同的CSS爲一個示例應用。
以上樣式表的鏈接可以在App Design Guidelines被發現,特別是內部的示例應用:
如果你堅持下面的CSS樣式準則和使用expandable app example here,你是在正確的軌道上。
目前,該示例應用程序的鏈接an external stylesheet,其中包括一組類似於輕量級UI框架默認樣式。它包括:
.container
,.row
和.col-*
如app guidelines解釋如上所述類A基本網格系統框架,簡單地鏈接到this file在您的應用程序中,就像您使用任何其他外部樣式表一樣。
感謝您提供此信息,實際上我一直在尋找它:https://dronedeploy.gitbooks.io/dronedeploy-apps/content/styles/dronedeploy-ui-kit.html。請更新此頁面,它會幫助很多人。 – Vadim
@Vadim由於safari中的錯誤,UI工具包現在不可用。 – ramblinjan