app/bower.html

<!doctype html>
<html xmlns:wb="http://open.weibo.com/wb">

<head>
    <meta charset="utf-8">
    <title>Bower 包管理 | 开放CDN服务</title>
    <meta name="keywords" content="Highcharts, highcharts cdn, Highcharts中文网 CDN, 开放 CDN, CDN 服务">
    <meta name="description" content="Highcharts 中文网开放 CDN，国内首个 Highcharts 专用CDN服务 ">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">

    <!-- build:css static/cdn/styles/main.css -->
    <link rel="stylesheet" type="text/css" href="styles/main.css" />
    <!-- endbuild -->
</head>

<body>
  <!--[if lt IE 10]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

    <a href="http://github.com/hcharts/cdn" target="_blank" class="github-corner" title="Fork me on Github" onclick="_hmt.push(['_trackEvent', 'github', 'click', 'fork me', 'fork me']);">
        <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;">
            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
            <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
            <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
        </svg>
    </a>
    <header>
        <div class="container">
            <h1>Highcharts 中文网开放CDN | 国内首个 Highcharts 专用 CDN 服务</h1>
            <img src="static/cdn/images/logo.png" width="258px" height="60px" alt="开放CDN"><span class="slogan"> | 国内首个 Highcharts 专用 CDN 服务</span>
            <nav>
                <ul>
                    <li><a href="/index.html" onclick="_hmt.push(['_trackEvent', 'nav', 'click', 'index', 'index']);">首页</a></li>
                    <li><a href="/bower.html" class="active" onclick="_hmt.push(['_trackEvent', 'nav', 'click', 'bower', 'bower']);">Bower 包管理</a></li>
                    <li><a href="/about.html" onclick="_hmt.push(['_trackEvent', 'nav', 'click', 'about', 'about']);">关于</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <section>
        <div class="container">
            <article class="row" id="app">
                <div class="article-header">
                    <h1>基于 Bower 的包管理</h1>
                    <p>基于 Bower 的前端包管理工具，可以方便的搜索或安装需要的前端包资源</p>
                    <span class="input-warpper">
                    <input type="text" v-model="s" v-on="focus: searchResultShow = 'block', blur: inputBlur" class="form-control" placeholder="搜索或安装包">
                    <div class="drilldown" style="display: {{searchResultShow}}">
                        <ul>
                            <li v-text="message"></li>
                            <li v-repeat="searchResult" v-on="click: select(name, version)">{{name}} {{version}}</li>
                        </ul>
                    </div>
                    </span>
                    <button class="btn btn-default" v-on="click: search"><i class="glyphicon glyphicon-search"></i>&nbsp;&nbsp;&nbsp;&nbsp;搜索</button>
                    <!-- <p v-text="message"></p> -->
                </div>
                <h3>已安装的包</h3>
                <ul class="installed col-lg-5">
                    <li v-repeat="devDependencies" v-on="click: showDetail($key, $value)" v-attr="class: $key===active.name ? 'active' : ''">{{$key}}</li>
                </ul>
                <div class="col-lg-7 detail">
                    <h4>{{active.name}} {{active.version}} <button type="button" id="checkUpdate" data-loading-text="Loading..." class="btn btn-success btn-sm" autocomplete="off" v-on="click: checkUpdate">检查更新</button></h4>
                    <ul>
                        <li>Description: {{active.description}}</li>
                        <li>Homepage: {{active.homepage}}</li>
                        <li>License: {{active.license}}</li>
                    </ul>
                    <p>主文件：</p>
                    <ul>
                        <li v-repeat="active.main">
                            <input value="http://cdn.hcharts.cn/libs/{{active.name}}/{{$value}}" readonly onclick="this.select()">
                        </li>
                    </ul>
                </div>
            </article>
        </div>
    </section>
    
    <footer>
        <p>&copy; 2013 - 2016 <a href="http://www.hcharts.cn">Highcharts中文官网</a>, 由 <a href="http://jianshukeji.com?spm=cdn" target="_blank">简数科技</a> 提供服务</p>
    </footer>

<!-- build:js static/cdn/scripts/libs.js -->
  <!-- bower:js -->
  <script src="/libs/jquery/dist/jquery.min.js"></script>
  <script src="/libs/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="/libs/underscore/underscore-min.js"></script>
  <script src="/libs/vue/dist/vue.min.js"></script>
  <script src="scripts/common.js"></script>
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:js static/cdn/scripts/bower.js -->
  <!-- bower:js -->
  <script src="scripts/bower.js"></script>
  <!-- endbower -->
  <!-- endbuild -->

</body>

</html>