.w-drawer.data-v-5f2291c5 { box-sizing: border-box; width: 100%; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; } .w-setbox.data-v-5f2291c5 { box-sizing: border-box; position: fixed; z-index: 1000; left: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12); transition: all 0.2 ease; bottom: -100%; /* -webkit-transform: scale(1); transform: scale(1); */ } .wShow.data-v-5f2291c5 { box-sizing: border-box; bottom: 0; /* transform: scale(0); */ } .w-header.data-v-5f2291c5 { box-sizing: border-box; width: 100%; background: #ffffff; line-height: 40px; position: absolute; bottom: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: all 0.4 ease; /* border-bottom: 10rpx solid #ffffff; */ } .w-line.data-v-5f2291c5 { width: 100%; background-color: #f7f8fa; height: 8px; } .w-item.data-v-5f2291c5 { box-sizing: border-box; height: 100rpx; line-height: 100rpx; width: 100%; text-align: center; } .w-item1.data-v-5f2291c5:first-child { border-bottom: 1px solid #ebedf0; } .fileBox.data-v-5f2291c5 { box-sizing: border-box; margin: 20rpx; } .filePath.data-v-5f2291c5 { box-sizing: border-box; width: 100%; /* padding: 10rpx 0; */ display: flex; /* flex-direction: column; */ justify-content: space-between; align-items: center; border-bottom: 1px solid #c0c0c0; } .text1.data-v-5f2291c5 { flex: 1; /* width: 100%; */ /* margin: 10rpx 0 20rpx; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10rpx; /* text-align: center; */ vertical-align: middle; } .w-btn1.data-v-5f2291c5 { padding: 10rpx; padding-right: 20rpx; /* color: #f56c6c; */ font-size: 38rpx; } .w-edit.data-v-5f2291c5 { color: #cccccc; /* width: 100%; */ display: flex; justify-content: flex-end; } .imgList.data-v-5f2291c5 { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 10rpx; } .imgItem.data-v-5f2291c5 { margin: 20rpx 10rpx; position: relative; width: 160rpx; height: 160rpx; border-radius: 5px; } .cancel.data-v-5f2291c5 { position: absolute; height: 35rpx; width: 35rpx; line-height: 28rpx; font-size: 30rpx; text-align: center; vertical-align: middle; right: 0px; top: 0px; background-color: #f56c6c; color: #ffffff; z-index: 999; border-radius: 0 5px 0 0; } .w-img.data-v-5f2291c5 { border-radius: 5px; width: 160rpx; height: 160rpx; } .addItem.data-v-5f2291c5 { margin: 20rpx 10rpx; width: 160rpx; height: 160rpx; border: 1px solid #cccccc; display: flex; justify-content: center; align-items: center; font-size: 50rpx; color: #999; border-radius: 5px; }