From 1ee0bcc741206079b645c584c578ee543ff75c35 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 01 八月 2024 17:45:02 +0800
Subject: [PATCH] 问答、场景页面

---
 miniprogram/assets/global.scss |  209 +++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 188 insertions(+), 21 deletions(-)

diff --git a/miniprogram/assets/global.scss b/miniprogram/assets/global.scss
index 16dfd70..d2f6de0 100644
--- a/miniprogram/assets/global.scss
+++ b/miniprogram/assets/global.scss
@@ -12,9 +12,37 @@
   align-items: center;
 }
 
+.flex-items-center {
+  display: flex;
+  align-items: center;
+}
+
+.flex-justify-center {
+  display: flex;
+  justify-content: center;
+}
+
+/* 鍗曡鏂囨湰婧㈠嚭鏄剧ず鐪佺暐鍙�
+--------------------------------------------------------- */
+.over-ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+/* 澶氳鏂囨湰婧㈠嚭鏄剧ず鐪佺暐鍙凤紝闇�瑕佹寚瀹氳鏁�
+--------------------------------------------------------- */
+.multi-over-ellisis {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  // -webkit-line-clamp: 3;
+}
+
 /* 瀛椾綋澶у皬鍏ㄥ眬鏍峰紡
 ------------------------------- */
-@for $i from 10 through 32 {
+@for $i from 10 through 60 {
   .font#{$i} {
     font-size: #{$i}rpx !important;
   }
@@ -23,54 +51,193 @@
 /* 澶栬竟璺濄�佸唴杈硅窛鍏ㄥ眬鏍峰紡
 ------------------------------- */
 @for $i from 1 through 35 {
-  .mt#{$i} {
-    margin-top: #{$i}rpx !important;
+  .m-#{$i} {
+    margin: #{$i}rpx !important;
   }
-  .mr#{$i} {
+
+  .mx-#{$i} {
+    margin-left: #{$i}rpx !important;
     margin-right: #{$i}rpx !important;
   }
-  .mb#{$i} {
+
+  .my-#{$i} {
+    margin-top: #{$i}rpx !important;
     margin-bottom: #{$i}rpx !important;
   }
-  .ml#{$i} {
+
+  .mt-#{$i} {
+    margin-top: #{$i}rpx !important;
+  }
+
+  .mr-#{$i} {
+    margin-right: #{$i}rpx !important;
+  }
+
+  .mb-#{$i} {
+    margin-bottom: #{$i}rpx !important;
+  }
+
+  .ml-#{$i} {
     margin-left: #{$i}rpx !important;
   }
-  .pt#{$i} {
-    padding-top: #{$i}rpx !important;
+
+  .p-#{$i} {
+    padding: #{$i}rpx !important;
   }
-  .pr#{$i} {
+
+  .px-#{$i} {
+    padding-left: #{$i}rpx !important;
     padding-right: #{$i}rpx !important;
   }
-  .pb#{$i} {
+
+  .py-#{$i} {
+    padding-top: #{$i}rpx !important;
     padding-bottom: #{$i}rpx !important;
   }
-  .pl#{$i} {
+
+  .pt-#{$i} {
+    padding-top: #{$i}rpx !important;
+  }
+
+  .pr-#{$i} {
+    padding-right: #{$i}rpx !important;
+  }
+
+  .pb-#{$i} {
+    padding-bottom: #{$i}rpx !important;
+  }
+
+  .pl-#{$i} {
     padding-left: #{$i}rpx !important;
   }
 
-  .space-x-#{$i} > * + * {
-    margin-left: #{$i}rpx;
+  // .space-x-#{$i} > * + * {
+  //   margin-left: #{$i}rpx;
+  // }
+
+  // .space-y-#{$i} > * + * {
+  //   margin-left: #{$i}rpx;
+  // }
+}
+
+$percent-steps: (10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%);
+
+@for $i from 1 through length($percent-steps) {
+  $percent: nth($percent-steps, $i);
+
+  .w-p-#{$i * 10} {
+    width: $percent;
   }
 
-  .space-y-#{$i} > * + * {
-    margin-left: #{$i}rpx;
+  .h-p-#{$i * 10} {
+    height: $percent;
   }
 }
 
-@for $i from 1 through 140 {
+@for $i from 0 through 140 {
   .w-#{$i * 5} {
     width: #{$i * 5}rpx;
   }
-}
-@for $i from 1 through 140 {
+
   .h-#{$i * 5} {
     height: #{$i * 5}rpx;
   }
-}
 
-@for $i from 1 through 140 {
   .size-#{$i * 5} {
     width: #{$i * 5}rpx;
     height: #{$i * 5}rpx;
   }
-}
+
+  .m-#{$i * 5} {
+    margin: #{$i * 5}rpx !important;
+  }
+
+  .mx-#{$i * 5} {
+    margin-left: #{$i * 5}rpx !important;
+    margin-right: #{$i * 5}rpx !important;
+  }
+
+  .my-#{$i * 5} {
+    margin-top: #{$i * 5}rpx !important;
+    margin-bottom: #{$i * 5}rpx !important;
+  }
+
+  .mt-#{$i * 5} {
+    margin-top: #{$i * 5}rpx !important;
+  }
+
+  .mr-#{$i * 5} {
+    margin-right: #{$i * 5}rpx !important;
+  }
+
+  .mb-#{$i * 5} {
+    margin-bottom: #{$i * 5}rpx !important;
+  }
+
+  .ml-#{$i * 5} {
+    margin-left: #{$i * 5}rpx !important;
+  }
+
+  .p-#{$i * 5} {
+    padding: #{$i * 5}rpx !important;
+  }
+
+  .px-#{$i * 5} {
+    padding-left: #{$i * 5}rpx !important;
+    padding-right: #{$i * 5}rpx !important;
+  }
+
+  .py-#{$i * 5} {
+    padding-top: #{$i * 5}rpx !important;
+    padding-bottom: #{$i * 5}rpx !important;
+  }
+
+  .pt-#{$i * 5} {
+    padding-top: #{$i * 5}rpx !important;
+  }
+
+  .pr-#{$i * 5} {
+    padding-right: #{$i * 5}rpx !important;
+  }
+
+  .pb-#{$i * 5} {
+    padding-bottom: #{$i * 5}rpx !important;
+  }
+
+  .pl-#{$i * 5} {
+    padding-left: #{$i * 5}rpx !important;
+  }
+
+  .top-#{$i * 5} {
+    top: #{$i * 5}rpx !important;
+  }
+
+  .left-#{$i * 5} {
+    left: #{$i * 5}rpx !important;
+  }
+
+  .right-#{$i * 5} {
+    right: #{$i * 5}rpx !important;
+  }
+
+  .bottom-#{$i * 5} {
+    bottom: #{$i * 5}rpx !important;
+  }
+
+
+  .-top-#{$i * 5} {
+    top:- #{$i * 5}rpx !important;
+  }
+
+  .-left-#{$i * 5} {
+    left: -#{$i * 5}rpx !important;
+  }
+
+  .-right-#{$i * 5} {
+    right: -#{$i * 5}rpx !important;
+  }
+
+  .-bottom-#{$i * 5} {
+    bottom: -#{$i * 5}rpx !important;
+  }
+}
\ No newline at end of file

--
Gitblit v1.9.3