如何为 Outlook Web 插件设计移动视图

Question

问题：

我有一个已获准用于桌面的 Outlook Web 插件。但是，他们建议对 iOS 和 Android 进行某些样式更改，以得到他们的批准。我的代码都是纯 HTML / Javascript 并且非常简单。我可以使用什么基本框架来简单地获得正确的样式？

背景：

我的应用程序是使用纯 Jquery + 纯 Javascript 和 CSS 构建的

Office UI 结构？织物反应？织物芯？框架7？ ：

我很困惑到底要为我的用例使用什么。 Office UI Fabric：我相信它已经过时/不推荐使用，因此微软不会支持它。 在一个地方，他们还提到你可以使用 framework7，他们的网站也谈到了 Fabric React 和 Fabric Core。 当我检查 Fabric Core 时：它似乎只有 CSS、颜色和排版。

问题

微软似乎为 iOs 和 Android 提供了一种卡片布局类型的 UI。我到底应该使用什么？我不知道反应不够，也不确定它是否真的值得付出努力。

Answer 1

查看文档：

https://docs.microsoft.com/en-us/outlook/add-ins/outlook-mobile-addins

特别是以下部分：

移动设备有什么不同？ • 小尺寸和快速交互使移动设计成为一项挑战。为了确保为我们的客户提供优质体验，我们正在设置严格的验证标准，声明移动支持的加载项必须满足这些标准，才能在 AppSource 中获得批准。 o 插件必须遵守 UI 指南。 o 加载项的场景必须在移动设备上有意义。

让它感觉尽可能地原生

这确实意味着您的加载项在 iOS 和 Android 上的 Outlook 中运行时在外观上必须有所不同。我们建议您将 Framework7 作为一个选项来帮助您进行样式设置。我们没有要求使用任何特定的库，但无论您使用什么，它都应该遵循 UI 指南。