@bytenew/bn-applet-ui 1.1.12 → 1.1.14

package/common.scss

@@ -271,118 +271,6 @@ stretch（默认值）：如果项目未设置高度或设为auto，将占满整
   align-items: baseline;
 }
 
-/**
- * 动态生成flex间隔类
- * 范围：4-30px
- * 示例：
- *   .w-flex-gap10 { gap: 10px !important; }
- *   .w-flex-column-gap20 { column-gap: 20px !important; }
- *   .w-flex-row-gap15 { row-gap: 15px !important; }
- */
-@for $i from 4 through 30 {
-  // 普通间隔（行列间隔相同）
-  .w-flex-gap#{$i} {
-    display: flex;
-    gap: #{$i}px !important;
-  }
-
-  // 列间隔（水平方向）
-  .w-flex-column-gap#{$i} {
-    display: flex;
-    column-gap: #{$i}px !important;
-  }
-
-  // 行间隔（垂直方向）
-  .w-flex-row-gap#{$i} {
-    display: flex;
-    row-gap: #{$i}px !important;
-  }
-}
-
-/**
- * 动态生成padding和margin类
- * 范围：0-60px
- * 示例：
- *   .w-padding20 { padding: 20px !important; }
- *   .w-padding-left30 { padding-left: 30px !important; }
- *   .w-margin15 { margin: 15px !important; }
- *   .w-margin-top25 { margin-top: 25px !important; }
- */
-@for $i from 0 through 60 {
-  // padding类
-  .w-padding#{$i} {
-    padding: #{$i}px !important;
-  }
-
-  .w-padding-left#{$i} {
-    padding-left: #{$i}px !important;
-  }
-
-  .w-padding-right#{$i} {
-    padding-right: #{$i}px !important;
-  }
-  .w-padding-lr#{$i} {
-    padding-left: #{$i}px !important;
-    padding-right: #{$i}px !important;
-  }
-
-  .w-padding-top#{$i} {
-    padding-top: #{$i}px !important;
-  }
-
-  .w-padding-bottom#{$i} {
-    padding-bottom: #{$i}px !important;
-  }
-  .w-padding-tb#{$i} {
-    padding-top: #{$i}px !important;
-    padding-bottom: #{$i}px !important;
-  }
-
-  // margin类
-  .w-margin#{$i} {
-    margin: #{$i}px !important;
-  }
-
-  .w-margin-left#{$i} {
-    margin-left: #{$i}px !important;
-  }
-
-  .w-margin-right#{$i} {
-    margin-right: #{$i}px !important;
-  }
-
-  .w-margin-lr#{$i} {
-    margin-left: #{$i}px !important;
-    margin-right: #{$i}px !important;
-  }
-
-  .w-margin-top#{$i} {
-    margin-top: #{$i}px !important;
-  }
-
-  .w-margin-bottom#{$i} {
-    margin-bottom: #{$i}px !important;
-  }
-
-  .w-margin-tb#{$i} {
-    margin-top: #{$i}px !important;
-    margin-bottom: #{$i}px !important;
-  }
-}
-
-/**
- * 动态生成字体大小类
- * 范围：10-60px
- * 示例：
- *   .w-font14 { font-size: 14px !important; }
- *   .w-font24 { font-size: 24px !important; }
- */
-@for $i from 10 through 60 {
-  .w-font#{$i} {
-    font-size: #{$i}px !important;
-  }
-}
-
 /**
  * 动态生成字重类
  * 范围：100-900，步进值100
@@ -396,19 +284,6 @@ stretch（默认值）：如果项目未设置高度或设为auto，将占满整
   }
 }
 
-/**
- * 动态生成行高类
- * 范围：10-100px
- * 示例：
- *   .w-line-height32 { line-height: 32px !important; }
- *   .w-line-height40 { line-height: 40px !important; }
- */
-@for $i from 10 through 100 {
-  .w-line-height#{$i} {
-    line-height: #{$i}px !important;
-  }
-}
-
 // 定义颜色变量映射
 $colors: (
         'black': black,
@@ -530,7 +405,139 @@ $colors: (
   cursor: pointer;
   outline: none;
 }
+//0到100的循环生成类
+@for $i from 0 through 100 {
+  /**
+ * 动态生成flex间隔类
+ * 示例：
+ *   .w-flex-gap10 { gap: 10px !important; }
+ *   .w-flex-column-gap20 { column-gap: 20px !important; }
+ *   .w-flex-row-gap15 { row-gap: 15px !important; }
+ */
+  // 普通间隔（行列间隔相同）
+  .w-flex-gap#{$i} {
+    display: flex;
+    gap: #{$i}px !important;
+  }
+
+  // 列间隔（水平方向）
+  .w-flex-column-gap#{$i} {
+    display: flex;
+    column-gap: #{$i}px !important;
+  }
+
+  // 行间隔（垂直方向）
+  .w-flex-row-gap#{$i} {
+    display: flex;
+    row-gap: #{$i}px !important;
+  }
+  /**
+ * 动态生成行高类
+ * 示例：
+ *   .w-line-height32 { line-height: 32px !important; }
+ *   .w-line-height40 { line-height: 40px !important; }
+ */
+  .w-line-height#{$i} {
+    line-height: #{$i}px !important;
+  }
+  /**
+ * 动态生成圆角类
+ * 示例：
+ *   .w-radius20 {  radius: 20px !important; }
+ */
+
+  .w-radius#{$i} {
+    border-radius: #{$i}px !important;
+  }
+  .w-radius-bl#{$i} {
+    border-bottom-left-radius:  #{$i}px !important;
+  }
+  .w-radius-br#{$i} {
+    border-bottom-right-radius:  #{$i}px !important;
+  }
+  .w-radius-tl#{$i} {
+    border-top-left-radius:  #{$i}px !important;
+  }
+  .w-radius-tr#{$i} {
+    border-top-right-radius:  #{$i}px !important;
+  }
+  /**
+ * 动态生成padding和margin类
+ * 示例：
+ *   .w-padding20 { padding: 20px !important; }
+ *   .w-padding-left30 { padding-left: 30px !important; }
+ *   .w-margin15 { margin: 15px !important; }
+ *   .w-margin-top25 { margin-top: 25px !important; }
+ */
+  // padding类
+  .w-padding#{$i} {
+    padding: #{$i}px !important;
+  }
+
+  .w-padding-left#{$i} {
+    padding-left: #{$i}px !important;
+  }
+
+  .w-padding-right#{$i} {
+    padding-right: #{$i}px !important;
+  }
+  .w-padding-lr#{$i} {
+    padding-left: #{$i}px !important;
+    padding-right: #{$i}px !important;
+  }
+
+  .w-padding-top#{$i} {
+    padding-top: #{$i}px !important;
+  }
+
+  .w-padding-bottom#{$i} {
+    padding-bottom: #{$i}px !important;
+  }
+  .w-padding-tb#{$i} {
+    padding-top: #{$i}px !important;
+    padding-bottom: #{$i}px !important;
+  }
+
+  // margin类
+  .w-margin#{$i} {
+    margin: #{$i}px !important;
+  }
+
+  .w-margin-left#{$i} {
+    margin-left: #{$i}px !important;
+  }
+
+  .w-margin-right#{$i} {
+    margin-right: #{$i}px !important;
+  }
+
+  .w-margin-lr#{$i} {
+    margin-left: #{$i}px !important;
+    margin-right: #{$i}px !important;
+  }
+
+  .w-margin-top#{$i} {
+    margin-top: #{$i}px !important;
+  }
+
+  .w-margin-bottom#{$i} {
+    margin-bottom: #{$i}px !important;
+  }
 
+  .w-margin-tb#{$i} {
+    margin-top: #{$i}px !important;
+    margin-bottom: #{$i}px !important;
+  }
+  /**
+ * 动态生成字体大小类
+ * 示例：
+ *   .w-font14 { font-size: 14px !important; }
+ *   .w-font24 { font-size: 24px !important; }
+ */
+  .w-font#{$i} {
+    font-size: #{$i}px !important;
+  }
+}
 // 基础类名声明（用于编辑器自动补全）
 .w-padding,
 .w-padding-left,
@@ -599,7 +606,12 @@ $colors: (
 .w-color-coral,
 .w-color-turquoise,
 .w-color-violet,
-.w-color-gold
+.w-color-gold,
+.w-radius,
+.w-radius-bl,
+.w-radius-br,
+.w-radius-tl,
+.w-radius-tr,
 {}
 
 
@@ -1009,6 +1021,7 @@ $colors: (
 
 //MessageBox.confirm 样式重写
 .el-message-box__header {
+  margin-bottom: 0 !important;
   padding: 15px !important;
 }
 
@@ -1355,4 +1368,42 @@ $colors: (
 .el-checkbox {
   margin-top: 0 !important;
   padding-bottom: 0 !important;
+}
+/* 统一修改 element 走马灯组件样式 */
+.el-carousel.el-carousel--horizontal {
+  border-radius: 18px;
+  overflow: hidden;
+  border: 1px solid #e4e7ed;
+}
+
+.el-carousel__item {
+  border-radius: 18px;
+}
+
+.el-carousel__indicator {
+  .el-carousel__button {
+    height: 8px;
+    width: 8px;
+    border-radius: 4px;
+    background: #d7d5d5;
+  }
+
+  &.is-active {
+    .el-carousel__button {
+      background: #fff;
+      width: 24px;
+    }
+  }
+}
+
+//输入框圆角修改为8px
+.el-input__wrapper{
+  border-radius: 8px;
+}
+
+/* Element Plus Dialog 样式修改 */
+.el-dialog {
+  border-radius: 18px;
+  overflow: hidden;
+  margin-bottom: 0;
 }