123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- .upload-screen{
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .upload-item,.select-image {
- border-radius: 8upx;
- overflow: hidden;
- }
- .wrap{
- flex-wrap: wrap;
- }
- .select-image{
- //background-color: #f5f5f5;
- background-color: #fff;
- border: 1upx dotted #BFBFBF;
- }
- .flex{
- display: flex;
- flex-direction: column;
- }
- .row{
- flex-direction: row;
- }
- .jCenter,.center{
- justify-content: center;
- }
- .aCenter,.center{
- align-items: center;
- }
- .select-title{
- color: #BFBFBF;
- line-height: 30upx;
- font-size: 24upx;
- }
- .upload-image{
- width: 100%;
- height: 100%;
- }
- .relative{
- position: relative;
- }
- .img-screen{
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: rgba(0,0,0,0.5);
- }
- .img-screen-text{
- color: #fff;
- font-size: 28upx;
- }
- .select-number{
- font-size: 20upx;
- color: #BFBFBF;
- }
- .select-upload{
- width: 60upx;
- height: 48upx;
- margin-bottom: 12upx;
- }
- .img-close{
- position: absolute;
- right: 0;
- bottom: 0;
- width: 56upx;
- height: 56upx;
- background-color: rgba(51, 51, 51, 0.55);
- border-radius: 8upx 0 8upx 0;
- }
- .img-close-icon{
- width: 36upx;
- height: 36upx;
- }
- .upload-view{
- width: 100%;
- height: 100%;
- }
- .iconfont-upload-icon{
- font-size: 60upx;
- color: #DCDAE1;
- margin-bottom: 6upx;
- }
|