update：watchlist赛道分类显示优化v2

src/main/java/top/lvzhiqiang/entity/CoinWatchlist.java

@@ -28,6 +28,7 @@ public class CoinWatchlist implements Serializable {
      * 名称
      */
     private String symbol;
+    private String symbolStyle;
 
     /**
      * 市场价格
@@ -49,6 +50,7 @@ public class CoinWatchlist implements Serializable {
      * 赛道分类
      */
     private String trackCategory;
+    private String trackCategoryStyle;
 
     /**
      * 历史最高价格

src/main/java/top/lvzhiqiang/mapper/CoinApiConfigMapper.java

@@ -73,4 +73,7 @@ public interface CoinApiConfigMapper {
             "GROUP BY M.trackCategory " +
             "ORDER BY COUNT(M.trackCategory) DESC")
     List<String> findTrackCategoryList();
+
+    @Select("select style_name from coin_color_style where delete_flag = 1")
+    List<String> findColorStyleList();
 }

src/main/java/top/lvzhiqiang/service/impl/CoinServiceImpl.java

@@ -1329,14 +1329,7 @@ public class CoinServiceImpl implements CoinService {
 
         List<String> trackCategoryList = coinApiConfigMapper.findTrackCategoryList();
         Map<String, String> trackCategoryMap = new HashMap<>();
-        List<String> colorList = new ArrayList<>();
-        colorList.add("background-color: rgba(253, 236, 200, 1);");
-        colorList.add("background-color: rgba(219, 237, 219, 1);");
-        colorList.add("background-color: rgba(250, 222, 201, 1);");
-        colorList.add("background-color: rgba(245, 224, 233, 1);");
-        colorList.add("background-color: rgba(211, 229, 239, 1);");
-        colorList.add("background-color: rgba(238, 224, 218, 1);");
-        colorList.add("background-color: rgba(255, 226, 221, 1);");
+        List<String> colorList = coinApiConfigMapper.findColorStyleList();
         int j = 0;
         for (int i = 0; i < trackCategoryList.size(); i++) {
             if (j > colorList.size() - 1) {
@@ -1359,10 +1352,18 @@ public class CoinServiceImpl implements CoinService {
             // 赛道分类
             String[] trackCategoryArr = coinWatchlist.getTrackCategory().split(",");
             StringBuffer sb = new StringBuffer();
-            for (String trackCategory : trackCategoryArr) {
-                sb.append("<span class=\"selected-value\" style=\" " + trackCategoryMap.get(trackCategory) + " \" >" + trackCategory + " </span>");
+            for (int i = 0; i < trackCategoryArr.length; i++) {
+                if (i == trackCategoryArr.length - 1) {
+                    sb.append("<span class=\"selected-value\" style=\"" + trackCategoryMap.get(trackCategoryArr[i]) + " \" >" + trackCategoryArr[i] + " </span>");
+                } else {
+                    sb.append("<span class=\"selected-value\" style=\"margin-right:0.3em;" + trackCategoryMap.get(trackCategoryArr[i]) + " \" >" + trackCategoryArr[i] + " </span>");
+                }
             }
+            coinWatchlist.setTrackCategoryStyle(" style=\"padding:0em 0.3em;\"");
             coinWatchlist.setTrackCategory(sb.toString());
+
+            // 名称
+            coinWatchlist.setSymbolStyle(" style=\"background-color:rgba(70,169,244,.72);font-weight: bold;\"");
         }
     }
 

src/main/resources/static/coin.html

@@ -75,7 +75,7 @@
         padding: 0 0.5em;
         background: rgba(206, 205, 202, 0.5);
         border-radius: 3px;
-        margin-right: 0.3em;
+/*        margin-right: 0.3em;*/
         margin-top: 0.1em;
         margin-bottom: 0.1em;
         white-space: nowrap;