全景图列表样式优化

src/components/PanoList.vue

@@ -180,10 +180,7 @@ export default {
       }
     }
     .second-line {
-      position: absolute;
-      left: 0;
-      top: 100%;
-      width: 100%;
+      position: relative;
       background-color: #840707;
       display: flex;
       align-items: center;
@@ -193,10 +190,11 @@ export default {
         gap: 1.67rem;
         .tab-wrap {
           flex: 1 1 1px;
-          overflow: hidden;
+          overflow: auto;
           display: flex;
           align-items: center;
           gap: 2.92rem;
+          &::-webkit-scrollbar { width: 0; height: 0; } /*宽度是对垂直滚动条而言，高度是对水平滚动条而言*/
           > button {
             white-space: nowrap;
             word-break: keep-all;
@@ -253,11 +251,11 @@ export default {
     flex: 1 0 1px;
     display: flex;
     justify-content: center;
-    overflow: auto;
-
+    overflow: hidden;
     &::-webkit-scrollbar-track { background: transparent; }
     .scene-list {
-      width: calc(2 * 20.83rem + 1.88rem);
+      overflow: auto;
+      width: calc(2 * 20.83rem + 1.88rem + 0.25rem);
       display: flex;
       align-content: flex-start;
       gap: 2.5rem 1.88rem;