@antmjs/vantui/lib/dropdown-menu/index.css

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

:root,page{--primary-color:#07c160}.van-dropdown-menu{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;dropdown-menu-box-shadow:0 4px 24px rgba(100,101,102,0.12);dropdown-menu-box-shadow:var(--dropdown-menu-box-shadow,0 4px 24px rgba(100,101,102,0.12));height:100px;height:var(--dropdown-menu-height,100px);background-color:#fff;background-color:var(--dropdown-menu-background-color,#fff)}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799;color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 16px;padding:var(--dropdown-menu-title-padding,0 16px);color:#323233;color:var(--dropdown-menu-title-text-color,#323233);font-size:30px;font-size:var(--dropdown-menu-title-font-size, 30px);line-height:36px;line-height:var(--dropdown-menu-title-line-height, 36px)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-8px;margin-top:-10px;border:6px solid;border-color:transparent transparent currentcolor currentcolor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--primary-color);color:var(--dropdown-menu-title-active-text-color,var(--primary-color))}.van-dropdown-menu__title--down::after{margin-top:-2px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}