[Improvement] use bem mixin (#934)

This commit is contained in:
neverland
2018-04-25 11:50:10 +08:00
committed by GitHub
parent c012a65ba3
commit 8e911c75f9
25 changed files with 107 additions and 116 deletions

View File

@@ -1,15 +1,14 @@
<template>
<div class="van-tabs" :class="`van-tabs--${type}`">
<div :class="b([type])">
<div
ref="wrap"
class="van-tabs__wrap"
:class="[`van-tabs__wrap--${position}`, {
'van-tabs--scrollable': scrollable,
'van-hairline--top-bottom': type === 'line'
}]"
:class="[
b('wrap', [position, { scrollable }]),
{ 'van-hairline--top-bottom': type === 'line' }
]"
>
<div class="van-tabs__nav" :class="`van-tabs__nav--${type}`" ref="nav">
<div v-if="type === 'line'" class="van-tabs__nav-bar" :style="navBarStyle" />
<div :class="b('nav', [type])" ref="nav">
<div v-if="type === 'line'" :class="b('nav-bar')" :style="navBarStyle" />
<div
v-for="(tab, index) in tabs"
ref="tabs"
@@ -25,7 +24,7 @@
</div>
</div>
</div>
<div class="van-tabs__content" ref="content">
<div :class="b('content')" ref="content">
<slot />
</div>
</div>