diff --git a/src/action-sheet/index.less b/src/action-sheet/index.less index c2ccebc5e..87aa9c78a 100644 --- a/src/action-sheet/index.less +++ b/src/action-sheet/index.less @@ -1,4 +1,5 @@ @import '../style/var'; +@import '../style/mixins/hairline'; .van-action-sheet { max-height: @action-sheet-max-height; @@ -60,11 +61,16 @@ } &__description { + position: relative; padding: @padding-md; color: @action-sheet-description-color; font-size: @action-sheet-description-font-size; line-height: @action-sheet-description-line-height; text-align: center; + + &::after { + .hairline-bottom(@cell-border-color, @padding-md, @padding-md); + } } &__close { diff --git a/src/action-sheet/index.tsx b/src/action-sheet/index.tsx index cc7089c11..2453662c8 100644 --- a/src/action-sheet/index.tsx +++ b/src/action-sheet/index.tsx @@ -1,7 +1,6 @@ // Utils import { createNamespace } from '../utils'; import { emit, inherit } from '../utils/functional'; -import { BORDER_TOP } from '../utils/constant'; // Mixins import { popupMixinProps } from '../mixins/popup'; @@ -110,7 +109,7 @@ function ActionSheet( return ( +
`; @@ -15,16 +15,16 @@ exports[`close-icon prop 1`] = ` `; -exports[`color option 1`] = `
`; +exports[`color option 1`] = `
`; exports[`description prop 1`] = `
-
This is a description
+
This is a description
`; exports[`disable lazy-render 1`] = ` - `; -exports[`round prop 1`] = `
`; +exports[`round prop 1`] = `
`;