对图片进行压缩
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{
|
||||
p{
|
||||
color:black !important;
|
||||
.gdialog {
|
||||
p {
|
||||
color: black !important;
|
||||
}
|
||||
// img{
|
||||
// max-width: 900px;
|
||||
// max-height: 400px;
|
||||
// }
|
||||
// box-shadow: none !important;
|
||||
// border: 1px solid #e5e5e5;
|
||||
border-radius: 5px;
|
||||
.el-dialog__headerbtn{
|
||||
top:2px;
|
||||
.el-dialog__close{
|
||||
color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
.el-dialog__title {
|
||||
font-weight: 600 !important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.el-dialog__headerbtn {
|
||||
top: 2px;
|
||||
.el-dialog__close {
|
||||
color: #FFFFFF;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
svg {
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
}
|
||||
}
|
||||
&:not(.is-fullscreen) {
|
||||
// margin-top: 36vh !important;
|
||||
// margin-left: 26vh;
|
||||
}
|
||||
&:not(.is-fullscreen) {
|
||||
// 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;
|
||||
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__body {
|
||||
.Terminal {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 78px;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 2px dashed #e5e5e5;
|
||||
font-size: 12px;
|
||||
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;
|
||||
align-items: center;
|
||||
gap: 78px;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 2px dashed #e5e5e5;
|
||||
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;
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
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;
|
||||
}
|
||||
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 {
|
||||
text-align: center;
|
||||
.el-button:nth-child(1) {
|
||||
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: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;
|
||||
}
|
||||
}
|
||||
}
|
||||