@import "../../style/common"; .address-picker{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999999; transition: .3s; } .address-picker-header{ height: 100upx; border-bottom: 1upx solid #eee; padding: 0 30upx; } .flex{ display: flex; flex-direction: column; } .flex-1{ flex: 1; } .jCenter{ justify-content: center; } .address-picker-bottom{ background-color: #fff; transition: .3s; border-radius: 20upx 20upx 0 0; } .address-picker-control{ width: 100upx; height: 100upx; font-size: 30upx; } .address-picker-cancel{ color: #999; } .address-picker-confirm{ color: #41AE3C; } .address-picker-content{ padding: 30upx 0; } .picker-column{ height: 72upx; padding: 0 15upx; font-size: 32upx; line-height: 40upx; } .picker-view{ height: 504upx; } .picker-view-line-1{ white-space: nowrap; overflow: hidden; display: block; width: 100%; text-overflow: ellipsis; text-align: center; } .picker-show{ opacity: 1; visibility: inherit; } .picker-hide{ opacity: 0; visibility: hidden; } .bottom-show{ transform: translateY(0); } .bottom-hide{ transform: translateY(100%); }