Javascript 如何指定离子特征外观样式？

爱奥尼亚框架根据plataform运行的应用程序、Android或iOS定制其功能的外观，但我知道它还有爱奥尼亚独有的第三种外观

我的问题是，有没有一种方法可以指定特性应该是什么样子的？比如，如果我想让Popover看起来像Android风格，让Action Sheets看起来像iOS风格，都在同一个应用程序中，不管该应用程序构建到哪个平台

必须有一种方法，否则就不会有离子风格的东西，比如在这个例子中：

我尝试过类似示例的设置平台功能，但没有成功

$scope.setPlatform = function(p) {
  document.body.classList.remove('platform-ios');
  document.body.classList.remove('platform-android');
  document.body.classList.add('platform-' + p);
  $scope.demo = p;
}

---

有几种方法可以做到这一点，但应该清楚的是，对于特定于平台的设计，Ionic支持的开箱即用是有限制的。当涉及到为一个组件选择iOS特定的样式和为另一个组件选择Android样式时，您可能会遇到一些困难的情况

某些组件具有配置选项。 查看$ionicConfigProvider/您将看到一些可以全局配置的组件，例如选项卡、导航栏、表单元素，将来可能还会有其他组件

您可以针对CSS按平台修改组件 您已经看到body根据设备应用了

平台ios

或

平台android

类。您可以根据视图手动更改类。但是，它应用于主体，因此整个当前视图必须采用相同的ios或android样式。更好的是，您可以编写CSS来覆盖现有样式，使其符合您的需要（爱奥尼亚鼓励这样做）。如果您修改Sass变量并使用Sass构建功能重新构建Ionic CSS，某些事情也可以控制

有选择地使用组件 您可以在控制器中检测平台，以确定是否应在android上使用popover或在ios上使用action sheet。首先检查平台，然后触发适当的组件，这将是控制器中的逻辑条件

---

这涵盖了我遇到的主要方式。当然，您可以针对自己的CSS使用自己的设计覆盖默认值，从而忽略平台设计的连续性特性。如果您需要一些示例和更详细的信息，我的书中会介绍这些内容。

有几种方法可以做到这一点，但应该清楚的是，对于特定于平台的设计，Ionic支持的开箱即用是有限制的。当涉及到为一个组件选择iOS特定的样式和为另一个组件选择Android样式时，您可能会遇到一些困难的情况

某些组件具有配置选项。 查看$ionicConfigProvider/您将看到一些可以全局配置的组件，例如选项卡、导航栏、表单元素，将来可能还会有其他组件

您可以针对CSS按平台修改组件 您已经看到body根据设备应用了

平台ios

或

平台android

类。您可以根据视图手动更改类。但是，它应用于主体，因此整个当前视图必须采用相同的ios或android样式。更好的是，您可以编写CSS来覆盖现有样式，使其符合您的需要（爱奥尼亚鼓励这样做）。如果您修改Sass变量并使用Sass构建功能重新构建Ionic CSS，某些事情也可以控制

有选择地使用组件 您可以在控制器中检测平台，以确定是否应在android上使用popover或在ios上使用action sheet。首先检查平台，然后触发适当的组件，这将是控制器中的逻辑条件

---

这涵盖了我遇到的主要方式。当然，您可以针对自己的CSS使用自己的设计覆盖默认值，从而忽略平台设计的连续性特性。如果您需要一些示例和更详细的信息，我的书中会介绍这些内容。

有几种方法可以做到这一点，但应该清楚的是，对于特定于平台的设计，Ionic支持的开箱即用是有限制的。当涉及到为一个组件选择iOS特定的样式和为另一个组件选择Android样式时，您可能会遇到一些困难的情况

某些组件具有配置选项。 查看$ionicConfigProvider/您将看到一些可以全局配置的组件，例如选项卡、导航栏、表单元素，将来可能还会有其他组件

您可以针对CSS按平台修改组件 您已经看到body根据设备应用了

平台ios

或

平台android

类。您可以根据视图手动更改类。但是，它应用于主体，因此整个当前视图必须采用相同的ios或android样式。更好的是，您可以编写CSS来覆盖现有样式，使其符合您的需要（爱奥尼亚鼓励这样做）。如果您修改Sass变量并使用Sass构建功能重新构建Ionic CSS，某些事情也可以控制

有选择地使用组件 您可以在控制器中检测平台，以确定是否应在android上使用popover或在ios上使用action sheet。首先检查平台，然后触发适当的组件，这将是控制器中的逻辑条件

---

这涵盖了我遇到的主要方式。当然，您可以针对自己的CSS使用自己的设计覆盖默认值，从而忽略平台设计的连续性特性。如果您需要一些示例和更详细的信息，我的书中会介绍这些内容。

有几种方法可以做到这一点，但应该清楚的是，对于特定于平台的设计，Ionic支持的开箱即用是有限制的。在为一个组件选择特定于iOS的样式时