blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Sidebar): remove border ()

Browse Source
This commit is contained in:
neverland 2019-09-06 09:32:58 +08:00 committed by GitHub
parent 4e404144ed
commit ebf5a18eb9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 13 deletions
src
sidebar-item
index.js
sidebar
index.js
test/__snapshots__
demo.spec.js.snap

3
src/sidebar-item/index.js

@ -1,7 +1,6 @@
import { createNamespace } from '../utils'; import { createNamespace } from '../utils';
import { ChildrenMixin } from '../mixins/relation'; import { ChildrenMixin } from '../mixins/relation';
import { route, routeProps } from '../utils/router'; import { route, routeProps } from '../utils/router';
import { BORDER } from '../utils/constant';
import Info from '../info'; import Info from '../info';
const [createComponent, bem] = createNamespace('sidebar-item'); const [createComponent, bem] = createNamespace('sidebar-item');
@ -38,7 +37,7 @@ export default createComponent({
render() { render() {
return ( return (
<a <a
class={[bem({ select: this.select, disabled: this.disabled }), BORDER]} class={bem({ select: this.select, disabled: this.disabled })}
onClick={this.onClick} onClick={this.onClick}
> >
<div class={bem('text')}> <div class={bem('text')}>

3
src/sidebar/index.js

@ -1,6 +1,5 @@
import { createNamespace } from '../utils'; import { createNamespace } from '../utils';
import { ParentMixin } from '../mixins/relation'; import { ParentMixin } from '../mixins/relation';
import { BORDER_TOP_BOTTOM } from '../utils/constant';
const [createComponent, bem] = createNamespace('sidebar'); const [createComponent, bem] = createNamespace('sidebar');
@ -19,6 +18,6 @@ export default createComponent({
}, },
render() { render() {
return <div class={[bem(), BORDER_TOP_BOTTOM]}>{this.slots()}</div>; return <div class={bem()}>{this.slots()}</div>;
} }
}); });

18
src/sidebar/test/__snapshots__/demo.spec.js.snap

@ -6,15 +6,15 @@ exports[`renders demo correctly 1`] = `
<div class="van-grid-item" style="flex-basis: 50%;"> <div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center"> <div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">基础用法</h3> <h3 class="demo-sidebar-title">基础用法</h3>
<div class="van-sidebar van-hairline--top-bottom"><a class="van-sidebar-item van-sidebar-item--select van-hairline"> <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>
</a> <a class="van-sidebar-item van-hairline"> </a> <a class="van-sidebar-item">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>
</a> <a class="van-sidebar-item van-hairline"> </a> <a class="van-sidebar-item">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>
@ -24,13 +24,13 @@ exports[`renders demo correctly 1`] = `
<div class="van-grid-item" style="flex-basis: 50%;"> <div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center"> <div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">显示徽标</h3> <h3 class="demo-sidebar-title">显示徽标</h3>
<div class="van-sidebar van-hairline--top-bottom"><a class="van-sidebar-item van-sidebar-item--select van-hairline"> <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">8</div> <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">8</div>
</div> </div>
</a> <a class="van-sidebar-item van-hairline"> </a> <a class="van-sidebar-item">
<div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99</div> <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99</div>
</div> </div>
</a> <a class="van-sidebar-item van-hairline"> </a> <a class="van-sidebar-item">
<div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99+</div> <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99+</div>
</div> </div>
</a></div> </a></div>
@ -39,15 +39,15 @@ exports[`renders demo correctly 1`] = `
<div class="van-grid-item" style="flex-basis: 50%;"> <div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center"> <div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">禁用选项</h3> <h3 class="demo-sidebar-title">禁用选项</h3>
<div class="van-sidebar van-hairline--top-bottom"><a class="van-sidebar-item van-sidebar-item--select van-hairline"> <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>
</a> <a class="van-sidebar-item van-sidebar-item--disabled van-hairline"> </a> <a class="van-sidebar-item van-sidebar-item--disabled">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>
</a> <a class="van-sidebar-item van-hairline"> </a> <a class="van-sidebar-item">
<div class="van-sidebar-item__text">标签名 <div class="van-sidebar-item__text">标签名
<!----> <!---->
</div> </div>