.worker_search { width: 100%; height: 110rpx; position: relative; z-index: 1; padding: 16rpx 30rpx 0 30rpx; box-sizing: border-box; box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.03); border-radius: 20rpx; background: #ffffff; margin-bottom: 22rpx; } .worker_search_con { display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; border-radius: 80rpx; background: #F2F5F9; } .worker_search_con input { flex: auto; width: 100%; background: none; border: none; height: 78rpx; } .worker_search_con view { flex: none; width: 100rpx; display: inline-block; line-height: 60rpx; font-size: 26rpx; } .worker_search_con view text { margin-right: 10rpx; font-size: 30rpx; } .top{ width: 100%; background-color: var(--color); text-align: center; padding: 20rpx 30rpx; color: #fff; border-top: 2.5rpx solid #f8f8f8; } .productInfo{ display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 5rpx solid #f8f8f8; } .scrollText{ display: flex; } .edit,.del{ flex-grow: 0; color: #fff; width: 80rpx; line-height: 80rpx; text-align: center; } .del{ background-color: #fe3e2f; } .edit{ background-color: var(--color); } .productInfo .info{ flex-grow: 1; width: 100%; display: flex; padding: 0 30rpx; justify-content: space-between; margin-left: -160rpx; background-color: #fff; } .productInfo .info > view{ padding-top: 15rpx; } .productInfo .info ,.productInfo .del,.productInfo .edit{ transform: translateX(160rpx); transition: all 0.4s; } .touch-move-active .info,.touch-move-active .del,.touch-move-active .edit { -webkit-transform: translateX(0); transform: translateX(0); } .addLabel{ text-align: center; padding: 30rpx; position: fixed; bottom: 0; width: 100%; background-color: var(--color); color: #fff; }