头部吸顶效果

components/layout/pc/Head.vue

@@ -91,6 +91,10 @@ li {
   list-style: none;
 }
 .head-mian {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 10;
   width: 100%;
   background: #fff;
   .color-bar {
@@ -183,8 +187,6 @@ li {
     margin: 0 auto;
   }
   .head-nav-content {
-    position: sticky;
-    top: 0;
     height: 72px;
     display: flex;
     align-items: center;