mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
feat(Sidebar): remove border (#4382)
This commit is contained in:
parent
4e404144ed
commit
ebf5a18eb9
@ -1,7 +1,6 @@
|
||||
import { createNamespace } from '../utils';
|
||||
import { ChildrenMixin } from '../mixins/relation';
|
||||
import { route, routeProps } from '../utils/router';
|
||||
import { BORDER } from '../utils/constant';
|
||||
import Info from '../info';
|
||||
|
||||
const [createComponent, bem] = createNamespace('sidebar-item');
|
||||
@ -38,7 +37,7 @@ export default createComponent({
|
||||
render() {
|
||||
return (
|
||||
<a
|
||||
class={[bem({ select: this.select, disabled: this.disabled }), BORDER]}
|
||||
class={bem({ select: this.select, disabled: this.disabled })}
|
||||
onClick={this.onClick}
|
||||
>
|
||||
<div class={bem('text')}>
|
||||
|
@ -1,6 +1,5 @@
|
||||
import { createNamespace } from '../utils';
|
||||
import { ParentMixin } from '../mixins/relation';
|
||||
import { BORDER_TOP_BOTTOM } from '../utils/constant';
|
||||
|
||||
const [createComponent, bem] = createNamespace('sidebar');
|
||||
|
||||
@ -19,6 +18,6 @@ export default createComponent({
|
||||
},
|
||||
|
||||
render() {
|
||||
return <div class={[bem(), BORDER_TOP_BOTTOM]}>{this.slots()}</div>;
|
||||
return <div class={bem()}>{this.slots()}</div>;
|
||||
}
|
||||
});
|
||||
|
@ -6,15 +6,15 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<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>
|
||||
</a> <a class="van-sidebar-item van-hairline">
|
||||
</a> <a class="van-sidebar-item">
|
||||
<div class="van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</div>
|
||||
</a> <a class="van-sidebar-item van-hairline">
|
||||
</a> <a class="van-sidebar-item">
|
||||
<div class="van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</div>
|
||||
@ -24,13 +24,13 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-grid-item" style="flex-basis: 50%;">
|
||||
<div class="van-grid-item__content van-grid-item__content--center">
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</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__content van-grid-item__content--center">
|
||||
<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>
|
||||
</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>
|
||||
</a> <a class="van-sidebar-item van-hairline">
|
||||
</a> <a class="van-sidebar-item">
|
||||
<div class="van-sidebar-item__text">标签名
|
||||
<!---->
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user