我应该在 DroneDeploy 应用程序中使用什么样式?

What styles should I use in a DroneDeploy App?

DroneDeploy app 时,我应该使用什么样式?

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 样式,您可以 link 与示例应用相同 CSS。

Link 与示例应用 CSS 相同

上面的样式表 link 可以在 App Design Guidelines 中找到,具体在示例应用程序中:

If you stick to the CSS styles guidelines below and use the expandable app example here, you are on the right track.

目前,示例应用 link 到 an external stylesheet 包含一组类似于轻量级 UI 框架的默认样式。它包括:

  • 排版
  • 表单样式
  • 具有 .container.row.col-* 类 的基本网格系统框架,如 app guidelines
  • 中所述

如上所述,只需在您的应用中从 link 到 this file,就像任何其他外部样式表一样。