/* picker/picker.wxss */ .sure_buttton{ height: 100rpx; width: 200rpx; display: flex; align-items: center; justify-content: center; } .cancel_button{ height: 100rpx; width: 200rpx; display: flex; align-items: center; justify-content: center } .full-box{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; opacity: 0; background:rgba(0,0,0,.4); transition:all .4s ease-in-out 0; pointer-events:none; } .full-box.cur{ opacity:1; pointer-events:auto } .modal{ position: absolute; width: 100%; height: 50%; bottom:-50%; left: 0; background: transparent; transition:all .4s ease-in-out 0; } .cur { bottom:0; } .pickers{ position: absolute; width: 100%; height: 235px; bottom:0; left: 0; background: #fff; display: flex; flex-direction: column; transition:bottom 0.6s linear 0.1s; } .pickers_{ position: absolute; width: 100%; bottom:-235px; left: 0; background: #fff; display: flex; flex-direction: column; transition:bottom 0.6s linear 0.1s; } .cur .modal{ bottom:50%; } .picker-line{ display: flex; justify-content: center; align-items: center; } .picker-header { height: 20%; box-sizing: border-box; padding: 0 20rpx; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eeeeee; } .picker-header view { height: 100%; display: flex; justify-content: center; align-items: center; } .picker-header view text{ font-size: 36rpx; } .picker-content { flex-grow: 1; } .line1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100rpx /* lines:1 */ }