refactor: 仪表盘去掉所有图片 全部用Phosphor Icons+CSS替代

clientarea/hgcloud/css/home.css

@@ -335,12 +335,10 @@
   font-weight: bold;
   color: #FFFFFF;
 }
-.order-type-img {
-  margin-top: 0.36rem;
-}
-.order-type-img img {
-  width: 0.68rem;
-  height: 0.68rem;
+.order-type-icon {
+  margin-top: 0.28rem;
+  font-size: 0.48rem;
+  color: rgba(255, 255, 255, 0.85);
 }
 .product-list-box {
   margin-top: 0.4rem;
@@ -782,9 +780,33 @@
   font-size: 12px;
   color: #8B949E;
 }
-.recommend-box-open .top-statistic .top-item .top-img {
-  width: 100%;
-  align-self: flex-end;
+.recommend-box-open .top-statistic .top-item .top-img-icon {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0.12rem 0.16rem;
+  font-size: 0.48rem;
+  opacity: 0.3;
+}
+.recommend-illustration {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 64px;
+  color: #3699FF;
+  opacity: 0.5;
+}
+.recommend-placeholder-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 80px;
+  color: #8B949E;
+  opacity: 0.25;
+  padding: 0.4rem 0;
+}
+.recommend-box-open .recommend-top .left .row1 .reword img {
+  display: none;
 }
 .open-dialog {
   font-size: 16px;