alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[improvement] Collapse: jsx (#2501)

Browse Source
This commit is contained in:
neverland
2019-01-11 23:19:41 +08:00
committed by GitHub
parent 9e01b1ef16
commit 4b8bd8e9be
4 changed files with 66 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/collapse/index.vue → packages/collapse/index.js
+7 -14
View File
@@ -1,18 +1,8 @@
<template>
<div
:class="b()"
class="van-hairline--top-bottom"
>
<slot />
</div>
</template>
import { use } from '../utils';
<script>
import create from '../utils/create';
export default create({
name: 'collapse',
const [sfc, bem] = use('collapse');
export default sfc({
props: {
accordion: Boolean,
value: [String, Number, Array]
@@ -34,6 +24,9 @@ export default create({
this.$emit('change', name);
this.$emit('input', name);
}
},
render(h) {
return <div class={[bem(), 'van-hairline--top-bottom']}>{this.$slots.default}</div>;
}
});
</script>
packages/collapse/test/__snapshots__/demo.spec.js.snap
+20 -18
View File
@@ -3,12 +3,13 @@
exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
<div class="van-cell__title"><span>有赞微商城</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
@@ -21,33 +22,34 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--clickable van-collapse-item__title">
<div class="van-cell__title"><span>有赞零售</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
<div class="van-collapse-item van-hairline--top">
<div disabled="disabled" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
<div class="van-cell__title"><span>有赞美业</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
<div class="van-cell__title"><span>有赞微商城</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
@@ -60,28 +62,28 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--clickable van-collapse-item__title">
<div class="van-cell__title"><span>有赞零售</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
<div class="van-collapse-item van-hairline--top">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<div class="van-cell__title"><span>有赞美业</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<div class="van-cell__title">
@@ -89,12 +91,12 @@ exports[`renders demo correctly 1`] = `
<!---->
<!----></i></div>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
<div class="van-collapse-item van-hairline--top">
<div class="van-cell van-cell--clickable van-collapse-item__title"><i class="van-icon van-icon-shop-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
@@ -102,12 +104,12 @@ exports[`renders demo correctly 1`] = `
<!----></i>
<div class="van-cell__title"><span>有赞零售</span>
</div>
<div class="van-cell__value"> </div>
<div class="van-cell__value">
</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<!---->
</div>
</div>
</div>
packages/collapse/zh-CN.md
-1
View File
@@ -121,4 +121,3 @@ export default {
| icon | 自定义`icon` |
| title | 自定义`title` |
| right-icon | 自定义右侧按钮，默认是`arrow` |