对图片进行压缩
qinzhenpen
2 years ago
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 658 B |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 902 B |
|
After Width: | Height: | Size: 902 B |
|
After Width: | Height: | Size: 742 B |
|
After Width: | Height: | Size: 890 B |
|
After Width: | Height: | Size: 890 B |
|
After Width: | Height: | Size: 742 B |
@ -1,118 +1,133 @@
|
|||||||
.gdialog{
|
.gdialog {
|
||||||
p{
|
p {
|
||||||
color:black !important;
|
color: black !important;
|
||||||
}
|
}
|
||||||
// img{
|
border-radius: 5px;
|
||||||
// max-width: 900px;
|
.el-dialog__title {
|
||||||
// max-height: 400px;
|
font-weight: 600 !important;
|
||||||
// }
|
font-size: 20px !important;
|
||||||
// box-shadow: none !important;
|
}
|
||||||
// border: 1px solid #e5e5e5;
|
.el-dialog__headerbtn {
|
||||||
border-radius: 5px;
|
top: 2px;
|
||||||
.el-dialog__headerbtn{
|
.el-dialog__close {
|
||||||
top:2px;
|
color: #FFFFFF;
|
||||||
.el-dialog__close{
|
width: 1.5em;
|
||||||
color: #FFFFFF;
|
height: 1.5em;
|
||||||
|
svg {
|
||||||
|
width: 1.5em;
|
||||||
|
height: 1.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:not(.is-fullscreen) {
|
}
|
||||||
// margin-top: 36vh !important;
|
&:not(.is-fullscreen) {
|
||||||
// margin-left: 26vh;
|
// margin-top: 36vh !important;
|
||||||
|
// margin-left: 26vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-dialog__header {
|
||||||
|
background: linear-gradient(-90deg, #2c04c9 0%, #5197ff 100%);
|
||||||
|
// border-radius: 5px 5px 0px 0px;
|
||||||
|
margin-right: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
padding: 15px 15px;
|
||||||
|
|
||||||
|
.el-dialog__title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #ffffff !important;
|
||||||
}
|
}
|
||||||
.el-dialog__header {
|
}
|
||||||
background: linear-gradient(-90deg, #2c04c9 0%, #5197ff 100%);
|
|
||||||
// border-radius: 5px 5px 0px 0px;
|
.el-dialog__body {
|
||||||
margin-right: 0px;
|
.Terminal {
|
||||||
padding-bottom:0px;
|
display: flex;
|
||||||
padding: 15px 15px;
|
align-items: center;
|
||||||
.el-dialog__title {
|
gap: 78px;
|
||||||
font-size: 18px;
|
padding-bottom: 40px;
|
||||||
font-family: Source Han Sans CN;
|
border-bottom: 2px dashed #e5e5e5;
|
||||||
font-weight: 500;
|
font-size: 12px;
|
||||||
color: #ffffff !important;
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
|
||||||
|
.Terminal-item {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
border: 1px solid #cdcdcd;
|
||||||
|
border-radius: 10px;
|
||||||
|
// 鼠标小手
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 11px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.el-dialog__body {
|
|
||||||
.Terminal {
|
span:nth-child(3) {
|
||||||
|
display: block;
|
||||||
|
margin-: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lication {
|
||||||
|
margin-top: 27px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 78px;
|
||||||
|
|
||||||
|
.lication-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 78px;
|
flex-direction: column;
|
||||||
padding-bottom: 40px;
|
width: 110px;
|
||||||
border-bottom: 2px dashed #e5e5e5;
|
height: 110px;
|
||||||
|
border: 1px solid #cdcdcd;
|
||||||
|
border-radius: 10px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: Source Han Sans CN;
|
font-family: Source Han Sans CN;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
.Terminal-item {
|
cursor: pointer;
|
||||||
position: relative;
|
|
||||||
display: flex;
|
img {
|
||||||
align-items: center;
|
width: 100%;
|
||||||
flex-direction: column;
|
height: 100%;
|
||||||
width: 110px;
|
margin-bottom: 11px;
|
||||||
height: 110px;
|
|
||||||
border: 1px solid #cdcdcd;
|
|
||||||
border-radius: 10px;
|
|
||||||
// 鼠标小手
|
|
||||||
cursor: pointer;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin-bottom: 11px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
span:nth-child(3) {
|
|
||||||
display: block;
|
|
||||||
margin-: 20px;
|
|
||||||
}
|
|
||||||
.lication {
|
|
||||||
margin-top: 27px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 78px;
|
|
||||||
.lication-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 110px;
|
|
||||||
height: 110px;
|
|
||||||
border: 1px solid #cdcdcd;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: Source Han Sans CN;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #333333;
|
|
||||||
cursor: pointer;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin-bottom: 11px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-dialog__footer {
|
||||||
|
text-align: center;
|
||||||
|
.el-button:nth-child(1) {
|
||||||
|
background: url("@/assets/images/szjj/提交任务.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.el-dialog__footer {
|
.el-button:nth-child(2) {
|
||||||
text-align: center;
|
background: url("@/assets/images/szjj/重新开始.png") no-repeat;
|
||||||
.el-button:nth-child(1) {
|
background-size: 100% 100%;
|
||||||
background: url("@/assets/images/szjj/提交任务.png") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.el-button:nth-child(2) {
|
|
||||||
background: url("@/assets/images/szjj/重新开始.png") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.el-button--large.is-round {
|
|
||||||
padding: 12px 20px 12px 40px !important;
|
|
||||||
}
|
|
||||||
.el-button{
|
|
||||||
width: 136px;
|
|
||||||
height: 40px;
|
|
||||||
padding: 12px 20px 12px 40px !important;
|
|
||||||
font-size: 15px;
|
|
||||||
border: none;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.el-button--large.is-round {
|
||||||
|
padding: 12px 20px 12px 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width: 136px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 12px 20px 12px 40px !important;
|
||||||
|
font-size: 15px;
|
||||||
|
border: none;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||