|
|
@@ -123,6 +123,7 @@ body {
|
|
|
/* margin: 10px; */
|
|
|
cursor: pointer;
|
|
|
/* background-color: violet; */
|
|
|
+
|
|
|
}
|
|
|
|
|
|
#menu .pano .title,#menu .panoSelect .title{
|
|
|
@@ -308,9 +309,9 @@ body {
|
|
|
display: flex;
|
|
|
bottom: 0px;
|
|
|
width: 100vw;
|
|
|
- margin-left: 44px;
|
|
|
+ margin-left: 24px;
|
|
|
/* margin-right: 30px; */
|
|
|
- height: 184px;
|
|
|
+ /* height: 184px; */
|
|
|
overflow: auto;
|
|
|
background-color: rgba(0,0,0,0);
|
|
|
min-width: 1280px;
|
|
|
@@ -327,7 +328,7 @@ body {
|
|
|
|
|
|
#listContent .pano{
|
|
|
position: relative;
|
|
|
- margin: 0px 16px;
|
|
|
+ /* margin: 0px 16px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
@@ -340,12 +341,13 @@ body {
|
|
|
}
|
|
|
|
|
|
#listContent .panoSelect{
|
|
|
- position: relative;
|
|
|
- /* margin: 10px 16px; */
|
|
|
- margin: 0px 16px;
|
|
|
+ position: relative;
|
|
|
+ background-image: url('./images/rangle.png');
|
|
|
+ background-size: cover;
|
|
|
+ /*margin: 0px 16px;
|
|
|
cursor: pointer;
|
|
|
height: 184px;
|
|
|
- background-color: #ff00f2;
|
|
|
+ background-color: #ff00f2; */
|
|
|
}
|
|
|
|
|
|
#listContent .pano .title,#listContent .panoSelect .title{
|
|
|
@@ -362,19 +364,29 @@ body {
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap; */
|
|
|
|
|
|
+ /* position: absolute;
|
|
|
+ top: 156px;
|
|
|
+ font-size: 16px;
|
|
|
+ width: 273px;
|
|
|
+ color: #ffffff;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center; */
|
|
|
+
|
|
|
position: absolute;
|
|
|
top: 156px;
|
|
|
- /* top: 90%;
|
|
|
left: 50%;
|
|
|
- transform: translate(-50%,-50%); */
|
|
|
+ transform: translate(-50%,0%);
|
|
|
font-size: 16px;
|
|
|
width: 273px;
|
|
|
color: #ffffff;
|
|
|
overflow: hidden;
|
|
|
+ max-width: 270px;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
+ text-align: center;
|
|
|
|
|
|
|
|
|
}
|
|
|
@@ -387,11 +399,19 @@ body {
|
|
|
max-width:200px;
|
|
|
min-height:120px;
|
|
|
max-height:150px; */
|
|
|
- width:277px;
|
|
|
+ /* width:277px;
|
|
|
height: 184px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ justify-content: center; */
|
|
|
+
|
|
|
+ width:327px;
|
|
|
+ height:233px;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
justify-content: center;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
#listContent .pano .thumb img,#listContent .panoSelect .thumb img{
|
|
|
@@ -401,6 +421,8 @@ body {
|
|
|
max-height:200px; */
|
|
|
width:273px;
|
|
|
height: 180px;
|
|
|
+ margin-top: 8px;
|
|
|
+ margin-left: 5px;
|
|
|
|
|
|
}
|
|
|
|
lateri
