bri-components 1.5.22 → 1.6.1

package/src/styles/global/text.less

@@ -1,59 +1,59 @@
-#dsh-nodata {
-    width: 100%;
-    margin: auto;
-    padding: 20px 10px;
-    text-align: center;
-    font-size: 14px;
-    font-weight: 500;
-    color: @placeholderColor;
-}
-#dsh-nodata-large {
-    width: 100%;
-    margin: auto;
-    padding: 20px 10px;
-    text-align: center;
-    font-size: 16px;
-    font-weight: 500;
-    color: @placeholderColor;
-}
-#dsh-nodata-small {
-    width: 100%;
-    margin: auto;
-    padding: 10px 5px;
-    text-align: center;
-    font-size: 12px;
-    font-weight: 500;
-    color: @placeholderColor;
-}
-
-.dsh-title {
-    padding: 10px;
-    text-align: center;
-    font-size: 16px;
-    font-weight: 600;
-    color: @textColor;
-}
-.dsh-subtip {
-    width: 100%;
-    text-align: center;
-    font-size: 12px;
-    font-weight: 500;
-    color: @placeholderColor;
-}
-
-// 出现三个点
-.dsh-ellipsis {
-    display: block;
-    overflow: hidden;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-.dsh-ellipsis2 {
-    overflow: hidden;
-    text-overflow: -o-ellipsis-lastline;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
+#dsh-nodata {
+    width: 100%;
+    margin: auto;
+    padding: 20px 10px;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 500;
+    color: @placeholderColor;
+}
+#dsh-nodata-large {
+    width: 100%;
+    margin: auto;
+    padding: 20px 10px;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    color: @placeholderColor;
+}
+#dsh-nodata-small {
+    width: 100%;
+    margin: auto;
+    padding: 10px 5px;
+    text-align: center;
+    font-size: 12px;
+    font-weight: 500;
+    color: @placeholderColor;
+}
+
+.dsh-title {
+    padding: 10px;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;
+    color: @textColor;
+}
+.dsh-subtip {
+    width: 100%;
+    text-align: center;
+    font-size: 12px;
+    font-weight: 500;
+    color: @placeholderColor;
+}
+
+// 出现三个点
+.dsh-ellipsis {
+    display: block;
+    overflow: hidden;
+    word-break: keep-all;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.dsh-ellipsis2 {
+    overflow: hidden;
+    text-overflow: -o-ellipsis-lastline;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}

package/src/styles/global/variables.less

@@ -1,86 +1,86 @@
-// 主题色系列 -默认
-@themeColor-default            : #3DB8C5;
-@theme-hover-default           : #7DD0D8;
-@theme-active-default          : #298089;
-@theme-focus-default           : #DCF2F4;
-@theme-disabled-default        : #BCE7EB;
-// 主题颜色系列
-@themeColor                    : #3DB8C5;
-@theme-hover                   : #7DD0D8;
-@theme-active                  : #298089;
-@theme-focus                   : #DCF2F4;
-@theme-disabled                : #BCE7EB;
-
-// 背景色
-@bgColor               : #F5F5F5;
-@hoverBg               : #F0F0F0;
-@white                 : #FFF;
-@black                 : #000;
-
-// border
-@borderColor           : #E5E5E5;
-@border-readonly       : @borderColor;
-@border-disabled       : #CCC;
-@grey3                 : #999999;
-@gray6                 : #666666;
-@gray5                 : #333333;
-
-// input背景色
-@inputBg               : @white;
-@inputBg-readonly      : #F5F5F5;
-@inputBg-disabled      : @borderColor;
-
-// btn背景色
-@btnBg                 : @white;
-@btn-hover             : #F0F0F0;
-@btn-click             : @borderColor;
-@btn-disabled          : @white;
-
-// 文字&图标色
-@textColor             : rgba(0, 0, 0, 0.9);
-@contentColor          : rgba(0, 0, 0, 0.6); // 正文颜色
-@titleColor            : @textColor; // title文字颜色
-@textColor-readonly    : @textColor;
-@textColor-disabled    : rgba(0, 0, 0, 0.26);
-@placeholderColor      : rgba(0, 0, 0, 0.4);
-@placeholder-disabled-color    : rgba(0, 0, 0, 0.26);
-@textWhColor           : rgba(255, 255, 255, 0.9);
-@fontWh2               : rgba(255, 255, 255, 0.55);
-@fontWh3               : rgba(255, 255, 255, 0.35);
-@fontWh4               : rgba(255, 255, 255, 0.22);
-
-// 字体使用规则,字体大小和行高
-@bannerTitleSize       : 36px;
-@bannerTitleHeight     : 44px;
-@largeTitleSize        : 24px; // 最大title字体大小
-@largeTitleHeight      : 32px; // 最大title行高
-@titleSize             : 20px; // 用于导航文字 大标题文字
-@titleHeight           : 28px; // 用于导航文字 大标题行高
-@commonTitleSize       : 18px;
-@smallTitleSize        : 16px; //用于主页重要标题信息
-@smallTitleHeight      : 24px; //用于主页重要标题行高
-@textSize              : 14px; //用于主要信息类文字
-@textHeight            : 22px; //用于主要信息类文字行高
-@smallSize             : 12px; //用于辅助信息类文字
-@smallHeight           : 20px; //用于辅助信息类文字行高
-@fontNormal            : normal;
-@fontBold              : 700;
-
-// shadow 圆角
-@hoverShadow           : 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
-@boxShadow             : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
-@modalShadow           : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
-@borderRadius          : 4px;
-
-// 辅色
-@warning-color         : #EB920E;
-@error-color           : #E83636;
-@scuess-color          : #37C45E;
-
-
-// 老版本待优化
-@resourceColor         : #3D84EE,#F4A135, #32B5A5, #A3CF26, #C36625,  #793CB7, #E94829,
-                       #E8BB1F, #52A829, #37B653, #1DD9E6,  #1457BC, #4B5CC4, #7471F7, #C434DB, #252F36;
-
-
+// 主题色系列 -默认
+@themeColor-default            : #3DB8C5;
+@theme-hover-default           : #7DD0D8;
+@theme-active-default          : #298089;
+@theme-focus-default           : #DCF2F4;
+@theme-disabled-default        : #BCE7EB;
+// 主题颜色系列
+@themeColor                    : #3DB8C5;
+@theme-hover                   : #7DD0D8;
+@theme-active                  : #298089;
+@theme-focus                   : #DCF2F4;
+@theme-disabled                : #BCE7EB;
+
+// 背景色
+@bgColor               : #F5F5F5;
+@hoverBg               : #F0F0F0;
+@white                 : #FFF;
+@black                 : #000;
+
+// border
+@borderColor           : #E5E5E5;
+@border-readonly       : @borderColor;
+@border-disabled       : #CCC;
+@grey3                 : #999999;
+@gray6                 : #666666;
+@gray5                 : #333333;
+
+// input背景色
+@inputBg               : @white;
+@inputBg-readonly      : #F5F5F5;
+@inputBg-disabled      : @borderColor;
+
+// btn背景色
+@btnBg                 : @white;
+@btn-hover             : #F0F0F0;
+@btn-click             : @borderColor;
+@btn-disabled          : @white;
+
+// 文字&图标色
+@textColor             : rgba(0, 0, 0, 0.9);
+@contentColor          : rgba(0, 0, 0, 0.6); // 正文颜色
+@titleColor            : @textColor; // title文字颜色
+@textColor-readonly    : @textColor;
+@textColor-disabled    : rgba(0, 0, 0, 0.26);
+@placeholderColor      : rgba(0, 0, 0, 0.4);
+@placeholder-disabled-color    : rgba(0, 0, 0, 0.26);
+@textWhColor           : rgba(255, 255, 255, 0.9);
+@fontWh2               : rgba(255, 255, 255, 0.55);
+@fontWh3               : rgba(255, 255, 255, 0.35);
+@fontWh4               : rgba(255, 255, 255, 0.22);
+
+// 字体使用规则,字体大小和行高
+@bannerTitleSize       : 36px;
+@bannerTitleHeight     : 44px;
+@largeTitleSize        : 24px; // 最大title字体大小
+@largeTitleHeight      : 32px; // 最大title行高
+@titleSize             : 20px; // 用于导航文字 大标题文字
+@titleHeight           : 28px; // 用于导航文字 大标题行高
+@commonTitleSize       : 18px;
+@smallTitleSize        : 16px; //用于主页重要标题信息
+@smallTitleHeight      : 24px; //用于主页重要标题行高
+@textSize              : 14px; //用于主要信息类文字
+@textHeight            : 22px; //用于主要信息类文字行高
+@smallSize             : 12px; //用于辅助信息类文字
+@smallHeight           : 20px; //用于辅助信息类文字行高
+@fontNormal            : normal;
+@fontBold              : 700;
+
+// shadow 圆角
+@hoverShadow           : 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
+@boxShadow             : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+@modalShadow           : 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
+@borderRadius          : 4px;
+
+// 辅色
+@warning-color         : #EB920E;
+@error-color           : #E83636;
+@scuess-color          : #37C45E;
+
+
+// 老版本待优化
+@resourceColor         : #3D84EE,#F4A135, #32B5A5, #A3CF26, #C36625,  #793CB7, #E94829,
+                       #E8BB1F, #52A829, #37B653, #1DD9E6,  #1457BC, #4B5CC4, #7471F7, #C434DB, #252F36;
+
+
 @titleFontFamily: SourceHanSansCN-Bold, SourceHanSansCN; // title字体