ionic-CSS：ionic 颜色

ylbtech-ionic-CSS：ionic 颜色

 

1.返回顶部

1、

ionic 颜色

ionic 提供了很多颜色的配置，当然你可以根据自己的需要自定义颜色。

实例

<ul class="list color-list-demo">
    <li class="item dark">
      light
      <span class="color-demo light-bg light-border"></span>
    </li>
    <li class="item stable-dark">
      stable
      <span class="color-demo stable-bg stable-border"></span>
    </li>
    <li class="item positive">
      positive
      <span class="color-demo positive-bg positive-border"></span>
    </li>
    <li class="item calm">
      calm
      <span class="color-demo calm-bg calm-border"></span>
    </li>
    <li class="item balanced">
      balanced
      <span class="color-demo balanced-bg balanced-border"></span>
    </li>
    <li class="item energized">
      energized
      <span class="color-demo energized-bg energized-border"></span>
    </li>
    <li class="item assertive">
      assertive
      <span class="color-demo assertive-bg assertive-border"></span>
    </li>
    <li class="item royal">
      royal
      <span class="color-demo royal-bg royal-border"></span>
    </li>
    <li class="item dark">
      dark
      <span class="color-demo dark-bg dark-border"></span>
    </li>
</ul>

尝试一下 »

实例运行结果：

2、

2.返回顶部

 

3.返回顶部

 

4.返回顶部

 

5.返回顶部

1、

http://www.runoob.com/ionic/ionic-color.html

2、

 

6.返回顶部

 

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/storebook/p/9004170.html