0

在编写DroneDeploy 应用程序时,我应该使用哪些样式?

应用程序设计指南指定应用程序应遵循与原生 DroneDeploy 应用程序一致的设计。如何知道哪些样式与原生应用一致?

披露:我是 DroneDeploy 团队的开发人员,这是我们经常从 App 平台上的开发人员那里得到的问题。

4

1 回答 1

3

现在,最快的方法是将此 CSS 文件添加到<head>index.html的应用程序文件夹中的文件中,如下所示:

<link rel="stylesheet" href="https://s3.amazonaws.com/drone-deploy-plugins/templates/uikit/v1/styles.css">

具体来说,要遵循 DroneDeploy 样式,您可以链接到与示例应用程序相同的 CSS。

链接到与示例应用相同的 CSS

上面的样式表链接可以在App Design Guidelines中找到,特别是在示例应用程序中:

如果您坚持下面的 CSS 样式指南并使用此处的可扩展应用程序示例,那么您就走在了正确的轨道上。

目前,示例应用程序链接到一个外部样式表,其中包含一组类似于轻量级 UI 框架的默认样式。这包括:

  • 排版
  • 表单样式
  • 一个基本的网格系统框架,包含.container.row.col-*类,如应用指南中所述

如上所述,只需在您的应用程序中链接到此文件,就像您链接任何其他外部样式表一样。

于 2017-04-19T19:27:37.993 回答