ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 09:24:25 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[improvement] Template: use v-text instead of mustache (#2404)

Browse Source
This commit is contained in:
neverland
2018-12-30 11:20:38 +08:00
committed by GitHub
parent 6b7580042a
commit 6d362dc3eb
48 changed files with 207 additions and 410 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/pagination/index.vue
View File

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

60
packages/pagination/test/__snapshots__/demo.spec.js.snap
View File

@@ -4,62 +4,32 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<ul class="van-pagination">
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">
上一页
</li>
<li class="van-hairline van-pagination__item van-pagination__item--active van-pagination__page">
1
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
2
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
3
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
4
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
5
</li>
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">上一页</li>
<li class="van-hairline van-pagination__item van-pagination__item--active van-pagination__page">1</li>
<li class="van-hairline van-pagination__item van-pagination__page">2</li>
<li class="van-hairline van-pagination__item van-pagination__page">3</li>
<li class="van-hairline van-pagination__item van-pagination__page">4</li>
<li class="van-hairline van-pagination__item van-pagination__page">5</li>
<!---->
<li class="van-hairline van-pagination__item van-pagination__next">
下一页
</li>
<li class="van-hairline van-pagination__item van-pagination__next">下一页</li>
</ul>
</div>
<div>
<ul size="small" class="van-pagination van-pagination--simple">
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">
上一页
</li>
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">上一页</li>
<li class="van-pagination__page-desc">1/12</li>
<li class="van-hairline van-pagination__item van-pagination__next">
下一页
</li>
<li class="van-hairline van-pagination__item van-pagination__next">下一页</li>
</ul>
</div>
<div>
<ul class="van-pagination">
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">
上一页
</li>
<li class="van-hairline van-pagination__item van-pagination__item--active van-pagination__page">
1
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
2
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
3
</li>
<li class="van-hairline van-pagination__item van-pagination__page">
...
</li>
<li class="van-hairline van-pagination__item van-pagination__item--disabled van-pagination__prev">上一页</li>
<li class="van-hairline van-pagination__item van-pagination__item--active van-pagination__page">1</li>
<li class="van-hairline van-pagination__item van-pagination__page">2</li>
<li class="van-hairline van-pagination__item van-pagination__page">3</li>
<li class="van-hairline van-pagination__item van-pagination__page">...</li>
<!---->
<li class="van-hairline van-pagination__item van-pagination__next">
下一页
</li>
<li class="van-hairline van-pagination__item van-pagination__next">下一页</li>
</ul>
</div>
</div>