SOURCE

console 命令行工具 X clear

                    
>
console
Vue.component('tab', {
template: `
<nav class="bar bar-tab">
  <a class="tab-item active" href="#">
    <span class="icon icon-home"></span>
    <span class="tab-label">主页</span>
  </a>
  <a class="tab-item" href="#">
    <span class="icon icon-app"></span>
    <span class="tab-label">应用</span>
  </a>
  <a class="tab-item" href="#">
    <span class="icon icon-me"></span>
    <span class="tab-label">用户</span>
  </a>
  <a class="tab-item" href="#">
    <span class="icon icon-message"></span>
    <span class="tab-label">消息</span>
    <span class="badge">2</span>
  </a>
</nav>
`
});

new Vue({
	el: '#main',
	data: {}
});
<div id="main" class="page">
  <header class="bar bar-nav">
    <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'>
      <span class="icon icon-left"></span>
      返回
    </a>
    <h1 class="title">应用</h1>
  </header>
	
  <!-- 底部工具栏 -->
  <tab></tab>
  
  <!-- 页面内容 -->
  <div class="content">
  </div>
</div>

本项目引用的自定义外部资源