mirror of
https://github.com/youzan/vant.git
synced 2025-10-20 18:54:24 +00:00
[Improvement] use bem mixin (#934)
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user