修改样式

src/components/Hotel/HotelProductManage2.vue

@@ -1231,6 +1231,7 @@
     display: inline-block;
     padding: 15px 0;
     width: 14.2%;
+    position: relative;
   }
 
   .hotelProductManage2_calendarItem>.calendarItem_day>div>div {
@@ -1522,14 +1523,47 @@
     font-size: 12px;
     line-height: 15px;
     text-align: left;
-    margin:2px 0 0 -22px;
-    display: none;
   }
-  .popList label{
+  .hotelProductManage2_calendarItem>.calendarItem_day>.nowMonth:hover .detailInfo{
     display:block;
-    width:80px;
   }
-  .hotelProductManage2_calendarItem>.calendarItem_day>.nowMonth:hover .popList{
-    display:block;
+  .hotelProductManage2 .detailInfo {
+    display: none;
+    position: absolute;
+    left: -52px;
+    top: 50px;
+    z-index: 999;
+  }
+
+  .hotelProductManage2 .triangle_border_up {
+    width: 0;
+    height: 0;
+    border-width: 0 86px 30px;
+    border-style: solid;
+    opacity: 0.75;
+    border-color: transparent transparent rgba(233, 82, 82, 1); /*透明 透明  灰*/
+  }
+  .hotelProductManage2 .detailInfo .popContent{
+    width: 170px;
+    height: 100px;
+    background-color: #e95252;
+    text-align: left;
+    color: #fff;
+    font-size: 12px;
+    margin-top:-2px;
+    overflow: auto;
+    padding-bottom:10px;
   }
+  .hotelProductManage2 .popList label:first-child{
+    display: inline-block;
+    width: 40%;
+    margin: 10px 0 0 10px;
+    text-align: left;
+  }
+  .hotelProductManage2 .popList label:last-child {
+    display: inline-block;
+    width: 40%;
+    margin: 10px 10px 0 0;
+    text-align: right;
+}
 </style>