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.
107 lines
1.9 KiB
107 lines
1.9 KiB
4 years ago
|
*{
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
scrollbar-width: none; /* Firefox */
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
display: none; /* Chrome Safari */
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
//padding: 10px;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.tableContent{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
.panelhead{
|
||
|
|
//position: relative;
|
||
|
|
height: 44px;
|
||
|
|
background-color: #F2F9FF;
|
||
|
|
}
|
||
|
|
.colum{
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 3%;
|
||
|
|
margin-bottom: 3%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
.left{
|
||
|
|
width: 45%;
|
||
|
|
//height: 140px;
|
||
|
|
img{
|
||
|
|
width: 140px;
|
||
|
|
height: 100px;
|
||
|
|
margin-left: 13%;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.right{
|
||
|
|
width: 40%;
|
||
|
|
margin-top: 4%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
.rightone{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.righttwo{
|
||
|
|
margin-top: 3%;
|
||
|
|
}
|
||
|
|
.righthree{
|
||
|
|
margin-top: 3%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//图片外部div
|
||
|
|
.allImgs {
|
||
|
|
display: flex;
|
||
|
|
overflow-y: auto;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
.imgBox{
|
||
|
|
width: 300px;
|
||
|
|
height: 250px;
|
||
|
|
margin: 25px 35px 35px 35px;
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
.fixedImg {
|
||
|
|
width: 100%;
|
||
|
|
height: 170px;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
img {
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
cursor:pointer;}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//预览图片
|
||
|
|
.previewImgBox {
|
||
|
|
width: 1500px;
|
||
|
|
height: 700px;
|
||
|
|
text-align: center;
|
||
|
|
img{
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
height: 100%;}
|
||
|
|
}
|
||
|
|
.previewImgBottom {
|
||
|
|
text-align: center;
|
||
|
|
height: 30px;
|
||
|
|
margin: 20px auto;
|
||
|
|
}
|
||
|
|
//预览图片旋转角度
|
||
|
|
.rotateA {transform: rotate(90deg) scale(0.75);}
|
||
|
|
.rotateB {transform: rotate(180deg)}
|
||
|
|
.rotateC {transform: rotate(270deg) scale(0.75);}
|