.worker_search { width: 100%rpx; height: 110rpx; /* margin: -70rpx auto auto auto; */ 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; } .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; } .list{ display: flex; border-bottom: 5rpx solid #f8f8f8; margin-bottom: 20rpx; overflow: hidden; } .list >.listInfo>view{ padding: 10rpx 0; } .list > .listInfo >view >text{ color: #666666; } .scrollText{ display: flex; } .edit,.del{ padding: 50% 0; flex-grow: 0; color: #fff; width: 120rpx; line-height: 120rpx; text-align: center; } .del{ background-color: #fe3e2f; } .edit{ background-color:var(--color); } .list .listInfo{ flex-grow: 1; width: 100%; justify-content: space-between; margin-left: -120rpx; background-color: #fff; padding: 0 30rpx; } .code{ display: flex; word-break: break-all; align-items: center; border-bottom: 2.5rpx solid #F5F5F5; } .list .listInfo,.list .del,.list .edit{ transform: translateX(120rpx); transition: all 0.4s; } .touch-move-active .listInfo, .touch-move-active .del, .touch-move-active .edit { -webkit-transform: translateX(0); transform: translateX(0); } .zan-dialog__mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, .3); /*设置阴影半透明背景如: background: rgba(0, 0, 0, 0.4);*/ display: none; } .zan-dialog__container { position: fixed; bottom: 0rpx; width: 100%; /* height: 350rpx; */ background: #fff; transform: translateY(300%); transition: all 0.4s ease; z-index: 12; z-index: 12; box-shadow: 0px 3px 3px 2px gainsboro; /*弹框的悬浮阴影效果,如不需要可注释该行*/ } .zan-dialog--show .zan-dialog__container { transform: translateY(0); } .zan-dialog--show .zan-dialog__mask { display: block; } .cha_win_tit { text-align: center; line-height: 100rpx; font-size: 32rpx; color: #333333; } .selectInfo{ height: 100%; display: flex; justify-content: space-around; align-items: center; } .selectInfo>view{ text-align: center; } .selectInfo image{ width: 70rpx; height: 70rpx; } .cha_win_close { text-align: center; color: #999999; font-size: 50rpx; font-weight: 100; line-height: 120rpx; }