blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[Doc] Tab: update demo (#1603)

Browse Source
This commit is contained in:
neverland 2019-05-05 20:34:56 +08:00 committed by GitHub
parent 362964232d
commit 9a87e64e98
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
example/pages/tab/index.js
View File

@ -22,7 +22,7 @@ Page({
onClickNavRight() { onClickNavRight() {
wx.showToast({ wx.showToast({
title: '点击right nav', title: '点击 right nav',
icon: 'none' icon: 'none'
}); });
}, },

48
example/pages/tab/index.wxml
View File

@ -12,28 +12,6 @@
</van-tabs> </van-tabs>
</demo-block> </demo-block>
<demo-block title="自定义标题">
<van-tabs active="{{ 1 }}" bind:change="onChange" tab-class="tab-class" tab-active-class="tab-active-class">
<van-icon
slot="nav-right"
name="search"
custom-class="right-nav"
bind:click="onClickNavRight"
/>
<van-tab
wx:for="1234"
wx:key="index"
title="{{ '标签' + item }}"
dot="{{ index === 1 }}"
info="{{ index === 2 ? 99 : null }}"
>
<view class="content">
{{ '内容' + item }}
</view>
</van-tab>
</van-tabs>
</demo-block>
<demo-block title="横向滚动"> <demo-block title="横向滚动">
<van-tabs> <van-tabs>
<van-tab <van-tab
@ -64,7 +42,7 @@
</demo-block> </demo-block>
<demo-block title="样式风格"> <demo-block title="样式风格">
<van-tabs type="card"> <van-tabs type="card" tab-class="tab-class" tab-active-class="tab-active-class">
<van-tab <van-tab
wx:for="123" wx:for="123"
wx:key="index" wx:key="index"
@ -112,7 +90,7 @@
wx:key="index" wx:key="index"
title="{{ '标签' + item }}" title="{{ '标签' + item }}"
> >
<view class="content" style="height: 400px;"> <view class="content">
{{ '内容' + item }} {{ '内容' + item }}
</view> </view>
</van-tab> </van-tab>
@ -132,3 +110,25 @@
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</demo-block> </demo-block>
<demo-block title="自定义标题">
<van-tabs active="{{ 1 }}" bind:change="onChange" tab-class="tab-class" tab-active-class="tab-active-class">
<van-icon
slot="nav-right"
name="search"
custom-class="right-nav"
bind:click="onClickNavRight"
/>
<van-tab
wx:for="1234"
wx:key="index"
title="{{ '标签' + item }}"
dot="{{ index === 1 }}"
info="{{ index === 2 ? 99 : null }}"
>
<view class="content">
{{ '内容' + item }}
</view>
</van-tab>
</van-tabs>
</demo-block>

5
example/pages/tab/index.wxss
View File

@ -1,3 +1,7 @@
page {
padding-bottom: 300px;
}
.content { .content {
padding: 20px; padding: 20px;
background-color: #fff; background-color: #fff;
@ -18,5 +22,4 @@
.tab-active-class { .tab-active-class {
font-size: 1.05em !important; font-size: 1.05em !important;
color: #1989fa !important;
} }