搜索文件 /

平台风格

betway东盟体育app离子提供基于应用程序运行的设备的平台特定样式。打造要匹配的组件以匹配设备准则允许应用程序写入一次,但根据访问的位置,查看和诱导用户的含义。

betway东盟体育app离子模式

betway东盟体育app离子用途 模式 自定义组件的外观。每个 平台 有一个默认值 模式 ,但这可以通过全球覆盖 配置 。以下图表显示默认值 模式 添加到每个 平台

平台 模式 描述
iOS. iOS. 在iPhone,iPad或iPod上查看将使用 iOS样式
安卓 m 在任何Android设备上查看将使用 材料设计风格
m 任何不符合上述平台的平台都将使用 材料设计风格

例如,在Android平台上查看的应用程序将使用 m (材质设计)模式默认情况下。这 元素将有 Class =“MD” 添加到它和所有组件都将使用材料设计样式:


                <
               HTML.
              
               班级
                =
                
               m
                
               >
                
               HTML.
               >
复制 复制

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

覆盖模式样式

每个离子组betway东盟体育app分可以根据模式进行样式。这 HTML. 元素有一个 班级 模式 属性等于当前模式的属性。这些可用于覆盖任何组件的样式。例如,风格 离子徽章 拥有 大写 仅限文本 iOS. 模式:


              .ios ION-BADGE
             
              {
             
              文本变换
              
             大写
              ;
             
              }
复制 复制

还有许多全局CSS变量可用于覆盖样式。为了风格背景颜色 iOS. 应用程序,可以写入以下内容:


              。奥斯
             
              {
             
              -  ulion-background-color
              
             #222
              ;
             
              }
复制 复制

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

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