ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-18 02:06:02 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

vant components

Browse Source
This commit is contained in:
cookfront
2017-04-19 17:44:57 +08:00
parent c6014ad62d
commit 06e333eb3e
145 changed files with 1679 additions and 1619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/tab/src/tab.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="zan-tab__pane" :class="classNames">
<div class="van-tab__pane" :class="classNames">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'zan-tab',
name: 'van-tab',
props: {
// 选项卡头显示文字
title: {
@@ -20,7 +20,7 @@
},
computed: {
classNames() {
return { 'zan-tab__pane--select': this.$parent.tabs.indexOf(this) === this.$parent.curActive };
return { 'van-tab__pane--select': this.$parent.tabs.indexOf(this) === this.$parent.curActive };
}
}
};

16
packages/tab/src/tabs.vue
View File

@@ -1,21 +1,21 @@
<template>
<div class="zan-tabs" :class="[`zan-tabs--${type}`]">
<div class="van-tabs" :class="[`van-tabs--${type}`]">
<div
class="zan-tabs__nav"
:class="[`zan-tabs__nav--${this.type}`, `zan-tabs--col-${this.tabs.length}`]"
class="van-tabs__nav"
:class="[`van-tabs__nav--${this.type}`, `van-tabs--col-${this.tabs.length}`]"
>
<div class="zan-tabs__nav-bar" :style="navBarStyle" v-if="type === 'line'"></div>
<div class="van-tabs__nav-bar" :style="navBarStyle" v-if="type === 'line'"></div>
<div
v-for="(tab, index) in tabs"
class="zan-tab"
:class="{'zan-tab--active': index === curActive}"
class="van-tab"
:class="{'van-tab--active': index === curActive}"
ref="tabkey"
@click="handleTabClick(index, tab)"
>
{{ tab.title }}
</div>
</div>
<div class="zan-tabs__content">
<div class="van-tabs__content">
<slot></slot>
</div>
</div>
@@ -23,7 +23,7 @@
<script>
export default {
name: 'zan-tabs',
name: 'van-tabs',
props: {
// 外部传入的激活的tab标签