在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中如何實(shí)現(xiàn)手機(jī)騰訊新聞的側(cè)滑切換整個(gè)區(qū)域的內(nèi)容

vue中如何實(shí)現(xiàn)手機(jī)騰訊新聞的側(cè)滑切換整個(gè)區(qū)域的內(nèi)容

需求是這樣的就是大概像騰訊新聞那樣手指?jìng)?cè)滑實(shí)現(xiàn)切換的效果,然后切換內(nèi)容,但是我的內(nèi)容頁是在一個(gè)頁面中的不想進(jìn)行路由的變換,而我觀察了下騰訊新聞的實(shí)現(xiàn)方式,他是在左右切換的時(shí)候上面的路由也進(jìn)行了切換。

我現(xiàn)在的代碼結(jié)構(gòu)大概是這樣的

<div class="tab">
    <div class="tab-item" v-for="item in list">
    </div>
</div>
<div class="content">
    {{content}}
</div>

我現(xiàn)在不加入這個(gè)效果前也就是點(diǎn)擊tab發(fā)送請(qǐng)求,然后用數(shù)據(jù)重新賦值到content中去,
如果要側(cè)滑的效果那豈不是需要有2個(gè)content區(qū)域,然后還要保存2組數(shù)據(jù),有大神可以給個(gè)具體的思路或?qū)崿F(xiàn)方式么?(在一個(gè)路由中實(shí)現(xiàn),不要進(jìn)行路由的切換)

下面是騰訊的參照頁面
http://info.3g.qq.com/g/chann...

回答
編輯回答
巴扎嘿

你弄一個(gè)遮罩層,用遮罩層做動(dòng)畫,觸發(fā)ajax實(shí)現(xiàn)更換內(nèi)容

2017年3月29日 12:57
編輯回答
柒槿年

實(shí)現(xiàn)思路很多

1: 路由切換 切換的時(shí)候給動(dòng)畫

2:內(nèi)容發(fā)生變化 (前提是布局格式差不多 不然代碼籠統(tǒng)性太大)

3:根據(jù)組件引入的切換 components 來把組件切換 切換可以V-show 來切換

...很多很多

2017年1月17日 08:23