Framework7 - 颜色主题

描述

Framework7为您的应用程序提供了不同的颜色主题.

颜色主题提供了用于处理应用程序的不同类型的主题颜色顺利如下表所示 :

S.No主题类型&说明
1iOS主题颜色

您可以为应用程序使用10种不同的默认iOS颜色主题.

2材质主题颜色

Framework7为应用程序提供了22种不同的默认材质颜色主题.

应用颜色主题

Framework7允许您在不同的元素上应用颜色主题,例如页面,列表块,导航栏,按钮行等等.将主题 -  [颜色] 类用于父元素.

示例

...
</body>

<div class = "page theme-gray">
   ...
</div>

<div class = "list-block theme-blue">
   ...
</div>

<div class = "navbar theme-green">
   ...
</div>

<div class = "buttons-row theme-red">
   ...
</div>

布局主题

您可以使用两个主题白色来为您的应用程序使用默认布局主题和黑暗.可以通过将 layout- [theme] 类应用于父元素来应用主题.

示例

   ...
</body>

<div class = "navbar layout-white">
   ...
</div>

<div class = "buttons-row layout-dark">
   ...
</div>

帮助程序类

Framework7提供了额外的帮助程序类,可以在外部使用或不使用主题,如下所示 :

  • color- [color] : 它可以用来改变按钮,链接,图标等块的颜色或颜色.

  • bg- [颜色]  : 去;它在块或元素上设置预定义的背景颜色.

  • border- [color] : 它在块或元素上设置预定义的边框颜色.