.name,.temperature{ padding: 30rpx; display: flex; justify-content: space-between; background: #fff; } .name > view{ color: #999; text-align: right; } .temperature{ align-items: center; border-top: 2.5rpx solid #F5F5F5; } .temperature > view { width: 70%; display: flex; align-items: center; } .temperature > view >input{ text-align: center; height: 22rpx; line-height: 22rpx; border: 2.5rpx solid #E5E5E5; } .temperature > view >view{ color: #e5e5e5; padding: 0 15rpx; } .foot{ text-align: center; padding: 30rpx; position: fixed; bottom: 0; width: 100%; background-color: var(--color); color: #fff; } .submit{ width: 100%; padding: 30rpx 0 !important; background-color: #fff; margin-bottom: 150rpx; display: flex; align-items: center; justify-content: center; } .submit image{ width: 40rpx; height: 40rpx; margin-right: 25rpx; } .scrollText{ display: flex; } .edit,.del{ width: 180rpx; /* line-height: 107px; */ flex-grow: 0; color: #fff; padding: 73% 0; text-align: center; } .del{ background-color: #fe3e2f; } .edit{ background-color: var(--color); } .warningList{ display: flex; background-color: #fff; margin-bottom: 25rpx; } .warningList .info{ width: 100%; display: flex; justify-content: space-between; margin-left: -180rpx; background-color: #fff; flex-direction: column; } .warningList .info ,.warningList .del,.warningList .edit{ transform: translateX(180rpx); transition: all 0.4s; } .touch-move-active .info,.touch-move-active .del,.touch-move-active .edit { -webkit-transform: translateX(0); transform: translateX(0); }