.picker-view { width: 750rpx; height: 600rpx; margin-top: 20rpx; } .item { height: 100rpx; align-items: center; justify-content: center; text-align: center; } .head { position: relative; height: 350rpx; border-radius: 0rpx 0rpx 20rpx 20rpx; background-color: rgba(42, 130, 228, 1); } .location { position: absolute; top: 38rpx; left: 300rpx; font-size: 30rpx; font-weight: bold; color: rgba(255, 255, 255, 1); } .loc { font-size: 24rpx; width: 40rpx; height: 40rpx; vertical-align: bottom; } .nav { position: absolute; top: 144rpx; width: 718rpx; height: 236rpx; margin-left: 18rpx; background-color: rgba(255, 255, 255, 1); border-radius: 28rpx 28rpx 0rpx 0rpx; } .nav image { display: block; width: 48rpx; height: 48rpx; margin: 64rpx auto; font-size: 48rpx; } .nav view { position: absolute; left: 308rpx; top: 136rpx; font-size: 24rpx; } .nav navigator { width: 108rpx; height: 120rpx; margin-top: 64rpx; margin-left: 304rpx; } .content { margin-top: 30rpx; height: 1200rpx; background-color: rgba(255, 255, 255, 1); } .point { height: 14rpx; background-color: rgba(229, 229, 229, 0.62); } .list-text { margin-top: 30rpx; font-size: 24rpx; text-align: center; color: rgba(80, 80, 80, 0.27); } .content-list { position: relative; margin-top: 22rpx; height: 250rpx; border-radius: 28rpx 28rpx 0rpx 0rpx; font-size: 24rpx; background-color: rgba(229, 229, 229, 0.62); } .num { float: left; margin-left: 14rpx; margin-top: 18rpx; font-weight: 700; color: rgba(42, 130, 228, 1); } .list { float: left; margin-left: -280rpx; margin-top: 64rpx; } .content-list .agreeIt { position: absolute; bottom: 20rpx; right: 42rpx; line-height: 50rpx; } .content-list .refuse { position: absolute; bottom: 20rpx; right: 220rpx; line-height: 50rpx; } .isOver { width: 100%; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 24rpx; color: rgba(80, 80, 80, 0.27); } #dialog { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 80%; height: 25%; margin: auto; border-radius: 16rpx; text-align: center; background-color: white; } .uni-textarea { margin-top:70rpx; color: rgba(80, 80, 80, 1); } .box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .replace { margin-top: 4%; font-size: 28rpx; color: #4CD964; } .cancle { position: absolute; top: 78%; width: 50%; height: 22%; border: 2rpx solid rgba(229, 229, 229, 0.62); border-radius: 0 0 0 16rpx; line-height: 2.7; background-color: white; } .agree { position: absolute; right: 0; top: 78%; width: 50%; height: 22%; border-radius: 0 0 16rpx 0; border: 2rpx solid rgba(229, 229, 229, 0.62); line-height: 2.7; background-color: white; } .newList { float: right; margin-top: 20rpx; margin-right: 32rpx; color: rgba(255, 141, 26, 1); } .readyList { float: right; margin-top: 20rpx; margin-right: 4rpx; color: rgba(212, 48, 48, 1); } .waitList { float: right; margin-top: 20rpx; margin-right: 4rpx; color: yellow; } .finishList { float: right; margin-top: 20rpx; margin-right: 4rpx; color: blue; } .refuseList { float: right; margin-top: 20rpx; margin-right: 4rpx; color: rgba(212, 48, 48, 1); }