ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 17:51:54 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Improvement] use bem mixin (#934)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/tree-select/index.vue
View File

@@ -1,26 +1,26 @@
<template>
<div class="van-tree-select" :style="{ height: mainHeight + 'px' }">
<div class="van-tree-select__nav">
<div :class="b()" :style="{ height: mainHeight + 'px' }">
<div :class="b('nav')">
<div
v-for="(item, index) in items"
class="van-tree-select__nitem van-ellipsis"
:class="{ 'van-tree-select__nitem--active': mainActiveIndex === index }"
class="van-ellipsis"
:class="b('nitem', { active: mainActiveIndex === index })"
@click="$emit('navclick', index)">
{{ item.text }}
</div>
</div>
<div class="van-tree-select__content" :style="{ height: itemHeight + 'px' }">
<div :class="b('content')" :style="{ height: itemHeight + 'px' }">
<div
v-for="item in subItems"
:key="item.id"
class="van-tree-select__item van-ellipsis"
:class="{ 'van-tree-select__item--active': activeId === item.id }"
class="van-ellipsis"
:class="b('item', { active: activeId === item.id })"
@click="onItemSelect(item)">
{{ item.text }}
<icon
v-if="activeId === item.id"
name="success"
class="van-tree-select__selected"
:class="b('selected')"
/>
</div>
</div>