list

components/list-nav-bar/list-nav-bar.wxss

@@ -0,0 +1,65 @@
+.navbar {
+    position: fixed;
+    width: 100%;
+    top: 0;
+    color: #fff;
+    background: #3c8bf6;
+    display: flex;
+    flex-flow:column;
+    justify-content: flex-end; 
+  }
+  
+  .navbar-container {
+    
+    height: 100rpx;
+    position: relative;
+    /* display: flex;
+    flex-flow:row;
+    align-items: center;
+    justify-content: center; */
+    /* position: relative; */
+     /*  width: 100vw;
+    height: 64rpx;
+    z-index: 100;
+    display: flex;
+    box-sizing: border-box; */
+  }
+  
+  .navbar-btn {
+    display: flex;
+    flex-flow:row;
+    align-items: center;
+    justify-content: center;
+    margin-left: 20px;
+    width: 60rpx;
+    height: 100rpx; 
+    /* position: absolute; */
+    /* left: 24rpx;
+    width: 64rpx;
+    height: 64rpx; */
+    /* 
+   
+  
+    z-index: 100;
+    display: flex;
+    align-items: center; */
+  }
+  
+  .navbar-icon {
+    width: 36rpx;
+    height: 36rpx;
+  }
+  
+  .navbar_title {
+    position: absolute;
+    width: 100%;
+    height: 100rpx;
+    line-height: 100rpx;
+    font-weight: 700;
+    text-align: center;
+    box-sizing: border-box;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+