主页

2023-01-07 23:05:25 +08:00
parent d9e765386a
commit 258e1f18b2
3 changed files with 148 additions and 4 deletions
--- a/wxmp/src/App.vue
+++ b/wxmp/src/App.vue
@@ -9,6 +9,76 @@ export default {
 }
 </script>

-<style>
+<style lang="scss">
+@import "uni";
 /*每个页面公共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) {
+      .#{$padMar}-#{$pos+$v} {
+        #{$pm}-#{$p}: #{$v}px
+      }
+    }
+    .#{$padMar}-#{$v} {
+      #{$pm}: #{$v}px
+    }
+    //纵向
+    .#{$padMar}-v#{$v} {
+      #{$pm}-top: #{$v}px;
+      #{$pm}-bottom: #{$v}px;
+    }
+    //横向
+    .#{$padMar}-h#{$v} {
+      #{$pm}-left: #{$v}px;
+      #{$pm}-right: #{$v}px;
+    }
+  }
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+
+  &.spb {
+    justify-content: space-between;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.column {
+    flex-direction: column;
+  }
+
+  &.start {
+    align-items: flex-start;
+  }
+}
+
+.fill {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+
+.shrink {
+  flex-shrink: 0;
+}
+
+.avatar {
+  width: 40px;
+  height: 40px;
+
+  &.circle {
+    overflow: hidden;
+    border-radius: 50%;
+  }
+}
+
+.btn {
+  color: $uni-color-primary;
+  font-size: 14px;
+}
+
 </style>