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

Question

写DroneDeploy app时，我应该使用哪种风格？

app design guidelines指定应用应遵循与本机DroneDeploy应用程序的一致设计。我如何知道哪些样式与本机应用程序一致？

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

Answer 1

目前，最快捷的方法是将this CSS file添加到您应用文件夹中<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样式指南并使用expandable app example here，那么您就走在了正确的轨道上。

目前，示例应用程序链接到an external stylesheet，其中包含一组类似于轻量级UI框架的默认样式。它包括：

.row

.col-*

inFile1.next();

如上所述，只需链接到应用中的app guidelines，就像其他任何外部样式表一样。