本篇文章為大家展示了在小程序開(kāi)發(fā)中如何實(shí)現(xiàn)一個(gè)tab標(biāo)簽頁(yè),內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

具體內(nèi)容如下
頁(yè)面效果:

HTML:
<view wx:if="{{userType==0}}" >
<view class="tab_box" >
<view class="tabs_v">
<block wx:for="{{tabs}}" wx:for-item="item" wx:key="index">
<view class="tab_v {{index<1?'tab_nature':'tab_course'}}" bindtap='changeCurrentTab_' data-index='{{index}}'
data-current='{{index}}'>
<text class="tab_txt {{currentTab==index? 'tab_v_active' : ''}}">{{item.label}}</text>
</view>
</block>
</view>
</view>
<!-- tab 容器 -->
<view class="tabWrap">
<swiper class="" current="{{currentTab}}" duration="300" bindchange="swiperTab" >
<!-- 頁(yè)面1 -->
<block>
<swiper-item >
<view class="" >
<scroll-view scroll-y="true" bindscrolltolower='scrollToLower'
bindscrolltoupper='scrollToUpper' lower-threshold='30' upper-threshold='30'>
<view >
頁(yè)面1
</view>
</scroll-view>
</view>
</swiper-item>
</block>
<!-- 頁(yè)面2 -->
<block>
<swiper-item >
<view class="" >
<scroll-view scroll-y="true" bindscrolltolower='scrollToLower'
bindscrolltoupper='scrollToUpper' lower-threshold='30' upper-threshold='30'>
<view >
頁(yè)面2
</view>
</scroll-view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
網(wǎng)站欄目:在小程序開(kāi)發(fā)中如何實(shí)現(xiàn)一個(gè)tab標(biāo)簽頁(yè)-創(chuàng)新互聯(lián)
文章起源:http://chinadenli.net/article12/shjgc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開(kāi)發(fā)、Google、響應(yīng)式網(wǎng)站、域名注冊(cè)、軟件開(kāi)發(fā)、網(wǎng)站營(yíng)銷
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容