/* components/timePicker/timePicker.wxss */ .picker-item{ line-height: 50px; display: flex; justify-content: center; align-items: center; } /* 自定义时间 */ .picker-container { display: flex; flex-direction: column; /* justify-content: center; */ align-items: center; width: 100%; overflow: hidden; position: fixed; bottom: -320px; left: 0; /* height: 0; */ transition: height 0.5s; z-index: 2000; background: white; border-top: 1px solid #EFEFF4; } .sensorType-screen{ width: 100vw; /* height:400rpx; */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; overflow: hidden; z-index: 1999; color: #fff; } .sensorTypePicker{ width: 690rpx; height: 120px; /* padding: 45px 0; */ } .picker-item{ line-height: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; /* overflow: hidden; */ } .box{ padding: 0 10px; } /* 至 */ .to{ width:100%; display: flex; justify-content: center;align-items: center; color:rgb(138,138,138); /* font-size:30rpx; */ } /* 确定 */ .sure{ width:100%; height:45px; border-top: 1px solid #EFEFF4; display: flex;justify-content: center;align-items: center; color: rgb(36,123,255); font-size:16px; } .btn-box{ width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; } .pick_btn{ padding: 7px 15px; color: #ccc; /* background-color: #159; */ } .show_picker{ /* height: 320px; */ transition: 500ms ease 0ms; transform: ; transition-property: transform,bottom; transform-origin: 50% 50% 0; -webkit-transition: 500ms ease 0ms; -webkit-transform: ; -webkit-transition-property: transform,bottom; -webkit-transform-origin: 50% 50% 0; bottom: calc(0px + 0rpx); } .isTabar.show_picker{ /* height: 320px; */ transition: 500ms ease 0ms; transform: ; transition-property: transform,bottom; transform-origin: 50% 50% 0; -webkit-transition: 500ms ease 0ms; -webkit-transform: ; -webkit-transition-property: transform,bottom; -webkit-transform-origin: 50% 50% 0; bottom: calc(0px + 164rpx); } .hide_picker{ /* height: 0; */ transition: 500ms ease 0ms; transform: ; transition-property: transform,bottom; transform-origin: 50% 50% 0; -webkit-transition: 500ms ease 0ms; -webkit-transform: ; -webkit-transition-property: transform,bottom; -webkit-transform-origin: 50% 50% 0; bottom: 320px; }