feat(首页): icon

public/index.html

@@ -10,7 +10,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <!-- <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> -->
-    <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_31435_55.923da21ede831095d4d7a8ab05fe30cb.js"></script>
+  <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_31435_85.f03f7ada23edcf4cd72e61338ed55693.js"></script>
     <title><%= webpackConfig.name %></title>
     <!--[if lt IE 11]>
     <script>window.location.href = '/html/ie.html';</script><![endif]-->

src/views/index.vue

@@ -83,14 +83,9 @@
           <div class="cardTitle">任务完成情况占比</div>
           <div style="display: flex; justify-content: space-between">
             <div class="cardChild" style="background: rgba(18, 190, 223, 0.08)">
-              <div
-                style="
-                  width: 36px;
-                  height: 36px;
-                  background: #12bedf;
-                  border-radius: 8px;
-                "
-              ></div>
+              <div>
+                <iconpark-icon name="renwuwancheng" size="36"></iconpark-icon>
+              </div>
               <span>已完成 ：43个</span>
               <div>
                 <el-progress
@@ -103,14 +98,12 @@
               </div>
             </div>
             <div class="cardChild" style="background: rgba(230, 88, 104, 0.08)">
-              <div
-                style="
-                  width: 36px;
-                  height: 36px;
-                  background: #e55868;
-                  border-radius: 8px;
-                "
-              ></div>
+              <div>
+                <iconpark-icon
+                  name="renwuweiwancheng"
+                  size="36"
+                ></iconpark-icon>
+              </div>
               <span>已完成 ：43个</span>
               <div>
                 <el-progress
@@ -150,17 +143,23 @@
                   style="background: rgba(230, 88, 104, 0.08)"
                 >
                   <div class="lineOne">高危</div>
-                  <div>高危</div>
+                  <div>
+                    <iconpark-icon name="gaowei" size="24"></iconpark-icon>
+                  </div>
                   <div class="lineLast">83</div>
                 </div>
                 <div class="dangerousCard" style="background: #fef6e9">
                   <div class="lineOne">中危</div>
-                  <div>高危</div>
+                  <div>
+                    <iconpark-icon name="zhongwei" size="24"></iconpark-icon>
+                  </div>
                   <div class="lineLast">45</div>
                 </div>
                 <div class="dangerousCard" style="background: #e8f1fb">
                   <div class="lineOne">低危</div>
-                  <div>高危</div>
+                  <div>
+                    <iconpark-icon name="diwei" size="24"></iconpark-icon>
+                  </div>
                   <div class="lineLast">78</div>
                 </div>
               </div>