ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 10:07:07 +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/pagination/index.vue
View File

@@ -1,8 +1,8 @@
<template>
<ul class="van-pagination" :class="{ 'van-pagination-simple': !isMultiMode }">
<ul :class="b({ simple: !isMultiMode })">
<li
class="van-pagination__item van-pagination__prev van-hairline"
:class="{ 'van-pagination--disabled': value === 1 }"
class="van-hairline"
:class="[b('item', { disabled: value === 1 }), b('prev')]"
@click="selectPage(value - 1)"
>
{{ prevText || $t('prev') }}
@@ -10,18 +10,18 @@
<li
v-if="isMultiMode"
v-for="(page, index) in pages"
class="van-pagination__item van-pagination__page van-hairline"
:class="{ 'van-pagination--active': page.active }"
class="van-hairline"
:class="[b('item', { active: page.active }), b('page')]"
@click="selectPage(page.number)"
>
{{ page.text }}
</li>
<li v-if="!isMultiMode" class="van-pagination__page-desc">
<li v-if="!isMultiMode" :class="b('page-desc')">
<slot name="pageDesc">{{ pageDesc }}</slot>
</li>
<li
class="van-pagination__item van-pagination__next van-hairline"
:class="{ 'van-pagination--disabled': value === computedPageCount }"
class="van-hairline"
:class="[b('item', { disabled: value === computedPageCount }), b('next')]"
@click="selectPage(value + 1)"
>
{{ nextText || $t('next') }}