安科网
源代码：
点击运行
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>安科教程(www.ancii.com)</title> <link href="https://img.s.ancii.com/tutorial/archive/statics/demosource/ionic.min.css" rel="stylesheet"> <script src="https://img.s.ancii.com/tutorial/archive/statics/demosource/ionic.bundle.min.js"></script> </head> <body> <div class="bar bar-header"> <div class="h1 title">颜色列表</div> </div> <div class="content has-header"> <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> </div> </body> </html>
运行结果
Copyright © 2013 - 2019 Ancii.com All Rights Reserved
京ICP备18063983号-5
京公网安备11010802014868号