style: font to svg

Tencent · Aug 26, 2019 · 717b46a · 717b46a
1 parent 55d53aa
commit 717b46a
Show file tree

Hide file tree

Showing 8 changed files with 188 additions and 229 deletions.
diff --git a/dist/example/index.html b/dist/example/index.html
@@ -1726,6 +1726,13 @@ <h3 class="icon-box__title">成功</h3>
                 <p class="icon-box__desc">用于表示操作顺利达成</p>
             </div>
         </div>
+        <div class="icon-box">
+            <i class="weui-icon-success weui-icon_msg"></i>
+            <div class="icon-box__ctn">
+                <h3 class="icon-box__title">成功</h3>
+                <p class="icon-box__desc">用于表示操作顺利达成</p>
+            </div>
+        </div>
     </div>
     <div class="page__ft">
         <a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>

diff --git a/dist/style/weui.css b/dist/style/weui.css
diff --git a/dist/style/weui.min.css b/dist/style/weui.min.css
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -47,4 +47,4 @@
         "postcss-discard-comments": "^2.0.4",
         "yargs": "^1.3.3"
     }
-}
+}
diff --git a/src/example/fragment/icons-svg.html b/src/example/fragment/icons-svg.html
@@ -11,6 +11,13 @@ <h3 class="icon-box__title">成功</h3>
                 <p class="icon-box__desc">用于表示操作顺利达成</p>
             </div>
         </div>
+        <div class="icon-box">
+            <i class="weui-icon-success weui-icon_msg"></i>
+            <div class="icon-box__ctn">
+                <h3 class="icon-box__title">成功</h3>
+                <p class="icon-box__desc">用于表示操作顺利达成</p>
+            </div>
+        </div>
     </div>
     <div class="page__ft">
         <a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>

diff --git a/src/style/icon/weui-font.less b/src/style/icon/weui-font.less
diff --git a/src/style/icon/weui-icon_font.less b/src/style/icon/weui-icon_font.less
@@ -20,45 +20,45 @@
     margin: 0;
 }
 .weui-icon-success {
-    font-size: 23px;
+
     color: @weuiColorPrimary;
 }
 .weui-icon-waiting {
-    font-size: 23px;
+
     color: #10AEFF;
 }
 .weui-icon-warn {
-    font-size: 23px;
+
     color: @weuiColorWarn;
 }
 .weui-icon-info {
-    font-size: 23px;
+
     color: #10AEFF;
 }
 
 .weui-icon-success-circle {
-    font-size: 23px;
+
     color: @weuiColorPrimary;
 }
 .weui-icon-success-no-circle {
-    font-size: 23px;
+
     color: @weuiColorPrimary;
 }
 .weui-icon-waiting-circle {
-    font-size: 23px;
+
     color: #10AEFF;
 }
 .weui-icon-circle {
-    font-size: 23px;
+
     color: #C9C9C9;
 }
 .weui-icon-download {
-    font-size: 23px;
+
     color: @weuiColorPrimary;
 }
 
 .weui-icon-info-circle {
-    font-size: 23px;
+
     color: @weuiColorPrimary;
 }
 
@@ -71,37 +71,30 @@
 
 .weui-icon-cancel {
     color: @weuiColorWarn;
-    font-size: 22px;
 }
 
 .weui-icon-search {
     color: @weuiTextColorDesc;
-    font-size: 18px;
-    &:before{
-      margin-right: 0;
-    }
 }
 
 .weui-icon-clear {
     color: #B2B2B2;
-    font-size: 14px;
 }
 
 .weui-icon-delete {
     &.weui-icon_gallery-delete{
         color:#FFFFFF;
-        font-size:22px;
     }
 }
 
 .weui-icon_msg {
-    font-size: 64px;
+    width: 64px;
     &.weui-icon-warn {
         color: @weuiColorWarn;
     }
 }
 .weui-icon_msg-primary {
-    font-size: 64px;
+    width: 64px;
     &.weui-icon-warn {
         color: rgba(0,0,0,.3);
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,4 +47,4 @@ @@
             "postcss-discard-comments": "^2.0.4",
             "yargs": "^1.3.3"
         }
-    }
+    }