搜索文档 /

平台的风格

betway东盟体育appIonic基于应用程序所运行的设备提供特定平台样式。对组件进行样式化以匹配设备准则,这允许只编写一次应用程序,但根据访问位置不同,对用户来说外观和感觉都是原生的。

betway东盟体育app离子模式

betway东盟体育app离子使用 模式 定制组件的外观。每一个 平台 有一个默认的 模式 ,但这可以通过全局覆盖 配置 .下面的图表显示了默认值 模式 它们被添加到每个元素中 平台

平台 模式 描述
ios ios 在iPhone、iPad或iPod上观看将使用 iOS风格
安卓 医学博士 在任何Android设备上查看将使用 材料的设计风格
核心 医学博士 任何不适合上述任何平台的平台都将使用 材料的设计风格

例如,在Android平台上浏览的应用程序将使用 医学博士 (Material Design)默认模式。的 < html > 元素将有 类=“医学博士” 添加到它和所有的组件将使用材料设计风格:


                <
               超文本标记语言
              
               
                
                
               医学博士
                
               >
                
               超文本标记语言
               >
复制 复制

注意: 平台 模式 是不一样的。中可以将平台设置为使用任何模式 配置 一个应用程序。

覆盖模式风格

每个离子组betway东盟体育app件可以根据模式设计样式。的 超文本标记语言 元素同时具有 模式 属性的值等于当前模式。这些可以用于覆盖任何组件的样式。例如,给一个 ion-badge 大写字母 文本只有在 ios 模式:


              .ios ion-badge
             
              
             
              首字母
              
             大写字母
              
             
              
复制 复制

还有许多全局CSS变量可以用于覆盖样式。样式化对象的背景色 ios App,可以写以下内容:


              .ios
             
              
             
              ——ion-background-color
              
             # 222
              
             
              
复制 复制

有许多全局变量可以被模式覆盖,包括 betway东盟体育app离子的颜色变量 主题变量 全局组件变量

以前的
主题基本知识
下一个
CSS变量
Baidu