You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
12 KiB
26 lines
12 KiB
<div>
|
|
<a href="#/" class="page-back router-link-active"><i class="mintui mintui-back"></i></a> <div class="page-tabbar">
|
|
<div class="page-wrap">
|
|
<div class="page-title">Tabbar</div> <div><a class="mint-cell page-part"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">当前选中</span> <!----></div> <div class="mint-cell-value"><span>外卖</span></div> <!----></div> <div class="mint-cell-right"></div></a></div> <div class="mint-tab-container page-tabbar-container"><div class="mint-tab-container-wrap"><div class="mint-tab-container-item"><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 1</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 2</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 3</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 4</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 5</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 6</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 7</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 8</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 9</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">餐厅 10</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a></div> <div class="mint-tab-container-item" style="display: none;"><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">订单 1</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">订单 2</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">订单 3</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">订单 4</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">订单 5</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a></div> <div class="mint-tab-container-item" style="display: none;"><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 1</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 2</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 3</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 4</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 5</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 6</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">发现 7</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a></div> <div class="mint-tab-container-item" style="display: none;"><div class="page-part"><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 1</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 2</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 3</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 4</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 5</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 6</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 7</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 8</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 9</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 10</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 11</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a><a class="mint-cell"><!----> <div class="mint-cell-left"></div> <div class="mint-cell-wrapper"><div class="mint-cell-title"><!----> <span class="mint-cell-text">我的 12</span> <!----></div> <div class="mint-cell-value"><span></span></div> <!----></div> <div class="mint-cell-right"></div></a></div> <a href="#/" class="router-link-active"><button class="mint-button mint-button--danger mint-button--large"><!----> <label class="mint-button-text">退出</label></button></a></div></div></div>
|
|
</div>
|
|
<p>
|
|
<router-link to="/">Go to Home</router-link>
|
|
<router-link to="/foo">Go to Foo</router-link>
|
|
<router-link to="/bar">Go to Bar</router-link>
|
|
</p>
|
|
<mt-tabbar v-model="selected">
|
|
<mt-tab-item id="home">
|
|
<img slot="icon" src="images/button.png">
|
|
产品
|
|
</mt-tab-item>
|
|
<mt-tab-item id="nodes">
|
|
<img slot="icon" src="images/button.png">
|
|
节点
|
|
</mt-tab-item>
|
|
<mt-tab-item id="user">
|
|
<img slot="icon" src="images/button.png">
|
|
我的
|
|
</mt-tab-item>
|
|
</mt-tabbar>
|
|
</div>
|
|
</div> |