You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
4.3 KiB
91 lines
4.3 KiB
2 years ago
|
* {
|
||
|
padding: 0;
|
||
|
margin: 0; }
|
||
|
body{background-color: #313131}
|
||
|
.drag-container {
|
||
|
position: relative;
|
||
|
background: #fff; }
|
||
|
.drag-container img {
|
||
|
max-width: 100%;
|
||
|
max-height: 100%;
|
||
|
-webkit-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none; }
|
||
|
.drag-container .drag-opa {
|
||
|
/*opacity: .3;*/
|
||
|
}
|
||
|
.drag-container .drag-clip {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0; }
|
||
|
.drag-container .drag-move {
|
||
|
position: relative;
|
||
|
position: absolute;
|
||
|
top: 40px;
|
||
|
left: 200px;
|
||
|
right: 0;
|
||
|
width: 200px;
|
||
|
height: 200px;
|
||
|
/*border: 1px solid #ca0000;*/
|
||
|
cursor: -webkit-grabbing;
|
||
|
-webkit-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none; }
|
||
|
.drag-container .drag-move span {
|
||
|
width: 5px;
|
||
|
z-index: 3;
|
||
|
position: absolute;
|
||
|
/*background: #ca0000;*/
|
||
|
width: 7px;
|
||
|
height: 7px; }
|
||
|
.drag-container .drag-move span:nth-child(1) {
|
||
|
top: -3.5px;
|
||
|
left: -3.5px;
|
||
|
cursor: nw-resize; }
|
||
|
.drag-container .drag-move span:nth-child(2) {
|
||
|
top: -3.5px;
|
||
|
right: -3.5px;
|
||
|
cursor: sw-resize; }
|
||
|
.drag-container .drag-move span:nth-child(3) {
|
||
|
bottom: -3.5px;
|
||
|
right: -3.5px;
|
||
|
cursor: se-resize; }
|
||
|
.drag-container .drag-move span:nth-child(4) {
|
||
|
bottom: -3.5px;
|
||
|
left: -3.5px;
|
||
|
cursor: sw-resize; }
|
||
|
|
||
|
/*# sourceMappingURL=drag.css.map */
|
||
|
.clip-show{
|
||
|
position: fixed;
|
||
|
bottom: 10px;
|
||
|
z-index: 999;
|
||
|
left: 50%;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.clip-show button{
|
||
|
width: 100px;
|
||
|
}
|
||
|
|
||
|
|
||
|
@font-face {font-family: "iconfont";
|
||
|
src: url('iconfont.eot?t=1523857246471'); /* IE9*/
|
||
|
src: url('iconfont.eot?t=1523857246471#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||
|
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAXAAAsAAAAACFwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kgsY21hcAAAAYAAAABeAAABhppABr5nbHlmAAAB4AAAAfMAAAJEVAqbq2hlYWQAAAPUAAAALwAAADYRE/S5aGhlYQAABAQAAAAcAAAAJAfeA4RobXR4AAAEIAAAAAwAAAAMC+kAAGxvY2EAAAQsAAAACAAAAAgAdgEibWF4cAAABDQAAAAfAAAAIAEpAHxuYW1lAAAEVAAAAUUAAAJtPlT+fXBvc3QAAAWcAAAAJAAAADXP81JyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxzYm7438AQw9zA0AAUZgTJAQAoQgyueJzFkMENgDAMAy9t6QMxCA+m6BS8mKMTd41iQnkwQS05VhxLiQIsQBQPMYFdGA9OueZ+ZHU/eSZLjUBtpXf1nyqiWXYNKplpsHmr/9i87qPTV6iDOrGVl4Qb9+8MlwAAeJxNT01rE2EQntnX3Xw0H2Y/sskmabJZ01WiUZPYHoqNoFBaCxWWdzchAZFgxSxZPQTqwUNBBA8evEkpCorgwSa55GR7EPsT/AWi92BPgrq6KREyPM/MM8MMwwMswN+v5JAkQICzcBluwC0A5IqYjzAZVPVqiSmipLKSLEaIrumqT8uXyFWU85wYLy9WF2TOx0UxgvNYUcuLeonR8Up1hVnGcjyDmEwpBl9I8+QFBhP6/FN3nXmLUlZLR1cuuGvna2I5J/i3Qzyf5Pnnfo5l/QxzKhrBrhwPsIEg575jo4p0mD3HZDGU1JWNRjiX4u88qzqZghxA3NlBIZWLvK/FlJiHx0pc4JO+02F/QglrZ0Tc/j6XEEKZhW/gRdrz2idfiAEEfDAHUc+zDCnIggY6FOEiVGAJlqEG12EVbsImGGBBE25DG+6BDQ8ABFVSCxVJm5D1NKnENPRIprOlKfWZys7oyf3szoQ47f/f+2b0JXzlthl2PMZV0/w9OukoxXVKD3o9fGQY42azbpo/dnfNvb0PlP75SSlttby0j6z7q+Y4jW6XdjrW1hYOj46Obdv9aNv7J0BmOKxbFjG8bWodU3ztticPEHsH9fqbtZdmV26YJv3Et0gfR53gXXlo9h0HR4OBLX5+8vCaY1mD+/APy7OBRAB4nGNgZGBgAGKOAL/D8fw2Xxm4WRhA4NqviDgE/X8tCwNzMJDLwcAEEgUAHR0KNgB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2ASJ4nGNgZGBgYGYoYJBhAAEmIOYCQgaG/2A+AwAWDwGmAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYI9tag8NTM3kYEBABpqA4Y=') format('woff'),
|
||
|
url('iconfont.ttf?t=1523857246471') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||
|
url('iconfont.svg?t=1523857246471#iconfont') format('svg'); /* iOS 4.1- */
|
||
|
}
|
||
|
|
||
|
.iconfont {
|
||
|
font-family:"iconfont" !important;
|
||
|
font-size:16px;
|
||
|
font-style:normal;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
|
||
|
.icon-erweima:before { content: "\e642"; }
|
||
|
|