主页

wxmp/src/App.vue

@@ -10,8 +10,9 @@ export default {
 </script>
 
 <style lang="scss">
-@import "uni";
+@import "uni.scss";
 /*每个页面公共css */
+
 @each $padMar, $pm in (mar:margin, pad:padding) {
   @each $v in (8, 10, 16, 20, 32, 48, 64) {
     @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
@@ -35,9 +36,20 @@ export default {
   }
 }
 
+@each $where in (sticky, fixed) {
+  @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
+    .#{$where}-#{$pos} {
+      position: fixed;
+      #{$p}: 0;
+      z-index: 202301031019;
+      width: 100%;
+    }
+  }
+}
+
+
 .flex {
   display: flex;
-  align-items: center;
 
   &.spb {
     justify-content: space-between;
@@ -54,6 +66,10 @@ export default {
   &.start {
     align-items: flex-start;
   }
+
+  &.center {
+    align-items: center;
+  }
 }
 
 .fill {