W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
頂部導(dǎo)航欄,支持顯示按鈕、自定義文字和固定在頂部。
import { Header } from 'mint-ui';
Vue.component(Header.name, Header);
固定在頁面頂部
<mt-header fixed title="固定在頂部"></mt-header>
設(shè)置 ?left
?或 ?right slot
?
<mt-header title="標(biāo)題過長(zhǎng)會(huì)隱藏后面的內(nèi)容啊哈哈哈哈">
<router-link to="/" slot="left">
<mt-button icon="back">返回</mt-button>
</router-link>
<mt-button icon="more" slot="right"></mt-button>
</mt-header>
設(shè)置多個(gè)按鈕
<mt-header title="多個(gè)按鈕">
<router-link to="/" slot="left">
<mt-button icon="back">返回</mt-button>
<mt-button @click="handleClose">關(guān)閉</mt-button>
</router-link>
<mt-button icon="more" slot="right"></mt-button>
</mt-header>
參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
---|---|---|---|---|
fixed | 固定在頁面頂部 | Boolean | false | |
title | 標(biāo)題 | String |
name | 描述 |
---|---|
left | 左邊顯示元素 |
right | 右邊顯示元素 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: