antd-mobile
Version:
基于 React 的移动设计规范实现
100 lines (99 loc) • 2 kB
CSS
.hairline-remove-right-bottom {
border-bottom: 0;
}
.hairline-remove-right-bottom:after {
display: none;
}
.hairline-remove-right-bottom-bak:after {
display: none;
}
.hairline-remove-left-top:before {
display: none;
}
.am-picker-popup {
left: 0;
bottom: 0;
position: fixed;
width: 100%;
background-color: #fff;
}
.am-picker-popup-wrap {
position: fixed;
overflow: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.am-picker-popup-mask {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
z-index: 1000;
}
.am-picker-popup-mask-hidden {
display: none;
}
.am-picker-popup-header {
background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
background-position: bottom;
background-size: 100% 1px;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.am-picker-popup-header:after {
display: block;
position: absolute;
content: '';
left: 0;
bottom: 0;
right: auto;
top: auto;
width: 100%;
border-bottom: 1PX solid #ddd;
}
.am-picker-popup-header .am-picker-popup-header-right {
text-align: right;
}
.am-picker-popup-item {
color: #108ee9;
font-size: 34px;
padding: 18px 30px;
height: 84px;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.am-picker-popup-item-active {
background-color: #ddd;
}
.am-picker-popup-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
color: #000;
}
.am-picker-popup .am-picker-popup-close {
display: none;
}