drag-window/index.css

A plugin creating a drag window

.model[data-v-20d33a61]{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.title[data-v-20d33a61]{padding-left:5px}.wid[data-v-20d33a61]{display:block;position:fixed;top:200px;left:465px;border-radius:2px}.banner[data-v-20d33a61]{width:100%;height:30px;background-color:#fff;display:flex;justify-content:space-between}.bgroup[data-v-20d33a61]{display:flex}.banner #imin[data-v-20d33a61]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAFXklEQVR4Xu3bwW3cQBBFQSoDOSBH74DkEBzBysBfYIzxK90bZFfzQaf9ePwRIPBS4IMNAQKvBQTi6yDwjYBAfB4EBOIbILAJ+A+yuZmKCAgkcmhrbgIC2dxMRQQEEjm0NTcBgWxupiICAokc2pqbgEA2N1MRAYFEDm3NTUAgm5upiIBAIoe25iYgkM3NVERAIJFDW3MTEMjmZioiIJDIoa25CQhkczMVERBI5NDW3AQEsrmZiggIJHJoa24CAtncTEUEBBI5tDU3AYFsbqYiAgKJHNqam4BANjdTEQGBRA5tzU1AIJubqYiAQCKHtuYmIJDNzVREQCCRQ1tzExDI5mYqIiCQyKGtuQkIZHMzFREQSOTQ1twEBLK5mYoICCRyaGtuAgLZ3ExFBAQSObQ1NwGBbG6mIgICiRzampuAQDY3UxEBgUQObc1NQCCbm6mIgEAih7bmJiCQzc1UREAgkUNbcxMQyOZmKiIgkMihrbkJCGRzMxUREEjk0NbcBASyuZmKCAgkcmhrbgIC2dxMRQQEEjm0NTcBgWxupiICAokc2pqbgEA2N1MRAYFEDm3NTUAgm5upiIBAIoe25iYgkM3NVERAIJFDW3MTEMjmZioiIJDIoa25CQhkczMVERBI5NDW3AQEsrmZiggIJHJoa24CAtncTEUEBBI5tDU3AYFsbqYiAgKJHNqam4BANjdTEQGBRA5tzU1AIJubqYiAQCKHtuYmIJDNzVREQCCRQ1tzExDI5mYqIiCQyKGtuQkIZHMzFREQSOTQ1twEBLK5mYoICCRyaGtuAgLZ3ExFBAQSObQ1NwGBbG6mIgLvBPIrYmTN/0Pg57LGO4F8Pc/zuTzUDIHDAr+f5/mxPFMgi5qZ2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wQEctvFvO9RAYEc5faw2wT+SSB+cnvbZ9J+3+M/uW1z2z4h8M5PbhNAlmwLCKR9f9v/RUAgPhEC3wgIxOdBQCC+AQKbgP8gm5upiIBAIoe25iYgkM3NVERAIJFDW3MTEMjmZioiIJDIoa25CQhkczMVERBI5NDW3AQEsrmZiggIJHJoa24CAtncTEUEBBI5tDU3AYFsbqYiAgKJHNqam4BANjdTEQGBRA5tzU1AIJubqYiAQCKHtuYmIJDNzVREQCCRQ1tzExDI5mYqIiCQyKGtuQkIZHMzFREQSOTQ1twEBLK5mYoICCRyaGtuAgLZ3ExFBAQSObQ1NwGBbG6mIgICiRzampuAQDY3UxEBgUQObc1NQCCbm6mIgEAih7bmJiCQzc1UREAgkUNbcxMQyOZmKiIgkMihrbkJCGRzMxUREEjk0NbcBASyuZmKCAgkcmhrbgIC2dxMRQQEEjm0NTcBgWxupiICAokc2pqbgEA2N1MRAYFEDm3NTUAgm5upiIBAIoe25iYgkM3NVERAIJFDW3MTEMjmZioiIJDIoa25CQhkczMVERBI5NDW3AQEsrmZiggIJHJoa24CAtncTEUEBBI5tDU3AYFsbqYiAgKJHNqam4BANjdTEQGBRA5tzU1AIJubqYiAQCKHtuYmIJDNzVREQCCRQ1tzExDI5mYqIiCQyKGtuQkIZHMzFREQSOTQ1twEBLK5mYoICCRyaGtuAgLZ3ExFBAQSObQ1NwGBbG6mIgICiRzampuAQDY3UxEBgUQObc1NQCCbm6mIgEAih7bmJiCQzc1UREAgkUNbcxP4A63vJskh2mwAAAAAAElFTkSuQmCC);background-size:80% 80%;background-repeat:no-repeat;background-position:50%}.banner #ifull[data-v-20d33a61]{background:url(data:image/png;base64,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);background-size:80% 80%;background-repeat:no-repeat;background-position:50%}.banner #iclose[data-v-20d33a61]{background:url(data:image/png;base64,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);background-size:80% 80%;background-repeat:no-repeat;background-position:50%}#ifull[data-v-20d33a61]:hover,#imin[data-v-20d33a61]:hover{background-color:#d1d1d1}#iclose[data-v-20d33a61]:hover{background-color:#ff6a6a}.icon[data-v-20d33a61]{display:block;height:100%;width:100%}.bgroup div[data-v-20d33a61]{height:30px;width:35px;margin-left:5px}