vantui-edit/lib/share-sheet/index.css

一套适用于Taro3及React的vantui组件库

.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-share-sheet__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:32px 0 32px 16px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border::before{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:0;right:0;left:32px;border-top:1PX solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.85}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:transparent;border:0}.van-share-sheet__button::after{border:0}.van-share-sheet__icon{width:96px;height:96px;margin:0 32px}.van-share-sheet__name{margin-top:16px;padding:0 8px;color:#646566;font-size:24px}.van-share-sheet__option-description{padding:0 8px;color:#c8c9cc;font-size:24px}.van-share-sheet__header{padding:24px 32px 8px;text-align:center}.van-share-sheet__title{margin-top:16px;color:#323233;font-weight:400;font-size:28px;line-height:40px}.van-share-sheet__title:empty{display:none}.van-share-sheet__title:not(:empty)+.van-share-sheet__title{display:none}.van-share-sheet__description{display:block;margin-top:16px;color:#969799;font-size:24px;line-height:32px}.van-share-sheet__description:empty{display:none}.van-share-sheet__description:not(:empty)+.van-share-sheet__description{display:none}.van-share-sheet__cancel{display:block;box-sizing:content-box;width:100%;height:auto;padding:0;font-size:32px;line-height:96px;text-align:center;background:#fff;border:none}.van-share-sheet__cancel::before{display:block;height:16px;background-color:#f7f8fa;content:' '}.van-share-sheet__cancel::after{display:none}.van-share-sheet__cancel:active{background-color:#f2f3f5}