在编写DroneDeploy 应用程序时,我应该使用哪些样式?
应用程序设计指南指定应用程序应遵循与原生 DroneDeploy 应用程序一致的设计。如何知道哪些样式与原生应用一致?
披露:我是 DroneDeploy 团队的开发人员,这是我们经常从 App 平台上的开发人员那里得到的问题。
在编写DroneDeploy 应用程序时,我应该使用哪些样式?
应用程序设计指南指定应用程序应遵循与原生 DroneDeploy 应用程序一致的设计。如何知道哪些样式与原生应用一致?
披露:我是 DroneDeploy 团队的开发人员,这是我们经常从 App 平台上的开发人员那里得到的问题。
现在,最快的方法是将此 CSS 文件添加到<head>
您index.html
的应用程序文件夹中的文件中,如下所示:
<link rel="stylesheet" href="https://s3.amazonaws.com/drone-deploy-plugins/templates/uikit/v1/styles.css">
具体来说,要遵循 DroneDeploy 样式,您可以链接到与示例应用程序相同的 CSS。
上面的样式表链接可以在App Design Guidelines中找到,特别是在示例应用程序中:
如果您坚持下面的 CSS 样式指南并使用此处的可扩展应用程序示例,那么您就走在了正确的轨道上。
目前,示例应用程序链接到一个外部样式表,其中包含一组类似于轻量级 UI 框架的默认样式。这包括:
.container
、.row
和.col-*
类,如应用指南中所述如上所述,只需在您的应用程序中链接到此文件,就像您链接任何其他外部样式表一样。