diff --git a/src/assets/icon/icon04.svg b/src/assets/icon/icon04.svg
new file mode 100644
index 00000000..19b8c8f3
--- /dev/null
+++ b/src/assets/icon/icon04.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_black.svg b/src/assets/icon/layerIcon/iconPoint01_black.svg
new file mode 100644
index 00000000..5b65372a
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_blue.svg b/src/assets/icon/layerIcon/iconPoint01_blue.svg
new file mode 100644
index 00000000..efed10df
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_cyan.svg b/src/assets/icon/layerIcon/iconPoint01_cyan.svg
new file mode 100644
index 00000000..65ffd755
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_gray.svg b/src/assets/icon/layerIcon/iconPoint01_gray.svg
new file mode 100644
index 00000000..bb3d8453
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_green.svg b/src/assets/icon/layerIcon/iconPoint01_green.svg
new file mode 100644
index 00000000..a1c03428
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_pink.svg b/src/assets/icon/layerIcon/iconPoint01_pink.svg
new file mode 100644
index 00000000..1f396655
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_red.svg b/src/assets/icon/layerIcon/iconPoint01_red.svg
new file mode 100644
index 00000000..24a89f15
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_white.svg b/src/assets/icon/layerIcon/iconPoint01_white.svg
new file mode 100644
index 00000000..ffbebaba
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint01_yellow.svg b/src/assets/icon/layerIcon/iconPoint01_yellow.svg
new file mode 100644
index 00000000..917e0a9d
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint01_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_black.svg b/src/assets/icon/layerIcon/iconPoint02_black.svg
new file mode 100644
index 00000000..10ac6012
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_blue.svg b/src/assets/icon/layerIcon/iconPoint02_blue.svg
new file mode 100644
index 00000000..ea5c5a27
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_cyan.svg b/src/assets/icon/layerIcon/iconPoint02_cyan.svg
new file mode 100644
index 00000000..f000b4b9
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_gray.svg b/src/assets/icon/layerIcon/iconPoint02_gray.svg
new file mode 100644
index 00000000..2dd586ba
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_green.svg b/src/assets/icon/layerIcon/iconPoint02_green.svg
new file mode 100644
index 00000000..3d123882
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_pink.svg b/src/assets/icon/layerIcon/iconPoint02_pink.svg
new file mode 100644
index 00000000..aedfa7f6
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_red.svg b/src/assets/icon/layerIcon/iconPoint02_red.svg
new file mode 100644
index 00000000..3ed6c36a
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_white.svg b/src/assets/icon/layerIcon/iconPoint02_white.svg
new file mode 100644
index 00000000..14af5661
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint02_yellow.svg b/src/assets/icon/layerIcon/iconPoint02_yellow.svg
new file mode 100644
index 00000000..42c9f65b
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint02_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_black.svg b/src/assets/icon/layerIcon/iconPoint03_black.svg
new file mode 100644
index 00000000..863b740b
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_blue.svg b/src/assets/icon/layerIcon/iconPoint03_blue.svg
new file mode 100644
index 00000000..c3aab7cf
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_cyan.svg b/src/assets/icon/layerIcon/iconPoint03_cyan.svg
new file mode 100644
index 00000000..bc80d37c
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_gray.svg b/src/assets/icon/layerIcon/iconPoint03_gray.svg
new file mode 100644
index 00000000..8bcf46b3
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_green.svg b/src/assets/icon/layerIcon/iconPoint03_green.svg
new file mode 100644
index 00000000..4fdc9718
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_pink.svg b/src/assets/icon/layerIcon/iconPoint03_pink.svg
new file mode 100644
index 00000000..c9c95b82
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_red.svg b/src/assets/icon/layerIcon/iconPoint03_red.svg
new file mode 100644
index 00000000..4fb79db5
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_white.svg b/src/assets/icon/layerIcon/iconPoint03_white.svg
new file mode 100644
index 00000000..0d4828b3
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint03_yellow.svg b/src/assets/icon/layerIcon/iconPoint03_yellow.svg
new file mode 100644
index 00000000..c223a4df
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint03_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_black.svg b/src/assets/icon/layerIcon/iconPoint04_black.svg
new file mode 100644
index 00000000..d59e3e5c
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_blue.svg b/src/assets/icon/layerIcon/iconPoint04_blue.svg
new file mode 100644
index 00000000..3b8e7bdf
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_cyan.svg b/src/assets/icon/layerIcon/iconPoint04_cyan.svg
new file mode 100644
index 00000000..0da00bb2
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_gray.svg b/src/assets/icon/layerIcon/iconPoint04_gray.svg
new file mode 100644
index 00000000..134cbeac
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_green.svg b/src/assets/icon/layerIcon/iconPoint04_green.svg
new file mode 100644
index 00000000..a1040d34
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_pink.svg b/src/assets/icon/layerIcon/iconPoint04_pink.svg
new file mode 100644
index 00000000..b0b1eadb
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_red.svg b/src/assets/icon/layerIcon/iconPoint04_red.svg
new file mode 100644
index 00000000..f915d316
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_white.svg b/src/assets/icon/layerIcon/iconPoint04_white.svg
new file mode 100644
index 00000000..43def872
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint04_yellow.svg b/src/assets/icon/layerIcon/iconPoint04_yellow.svg
new file mode 100644
index 00000000..1644458f
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint04_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_black.svg b/src/assets/icon/layerIcon/iconPoint05_black.svg
new file mode 100644
index 00000000..582b145f
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_blue.svg b/src/assets/icon/layerIcon/iconPoint05_blue.svg
new file mode 100644
index 00000000..359ee1b8
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_cyan.svg b/src/assets/icon/layerIcon/iconPoint05_cyan.svg
new file mode 100644
index 00000000..fdf75413
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_gray.svg b/src/assets/icon/layerIcon/iconPoint05_gray.svg
new file mode 100644
index 00000000..09565a90
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_green.svg b/src/assets/icon/layerIcon/iconPoint05_green.svg
new file mode 100644
index 00000000..6f3e0310
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_pink.svg b/src/assets/icon/layerIcon/iconPoint05_pink.svg
new file mode 100644
index 00000000..ab32b7cc
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_red.svg b/src/assets/icon/layerIcon/iconPoint05_red.svg
new file mode 100644
index 00000000..fe893212
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_white.svg b/src/assets/icon/layerIcon/iconPoint05_white.svg
new file mode 100644
index 00000000..59140b0c
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint05_yellow.svg b/src/assets/icon/layerIcon/iconPoint05_yellow.svg
new file mode 100644
index 00000000..16c46f3b
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint05_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_black.svg b/src/assets/icon/layerIcon/iconPoint06_black.svg
new file mode 100644
index 00000000..8cba31fa
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_blue.svg b/src/assets/icon/layerIcon/iconPoint06_blue.svg
new file mode 100644
index 00000000..7a126095
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_cyan.svg b/src/assets/icon/layerIcon/iconPoint06_cyan.svg
new file mode 100644
index 00000000..bdd78996
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_gray.svg b/src/assets/icon/layerIcon/iconPoint06_gray.svg
new file mode 100644
index 00000000..a41c27df
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_green.svg b/src/assets/icon/layerIcon/iconPoint06_green.svg
new file mode 100644
index 00000000..9af1e30b
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_pink.svg b/src/assets/icon/layerIcon/iconPoint06_pink.svg
new file mode 100644
index 00000000..c4daa5ba
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_red.svg b/src/assets/icon/layerIcon/iconPoint06_red.svg
new file mode 100644
index 00000000..d0813ba0
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_white.svg b/src/assets/icon/layerIcon/iconPoint06_white.svg
new file mode 100644
index 00000000..5d42bcdf
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint06_yellow.svg b/src/assets/icon/layerIcon/iconPoint06_yellow.svg
new file mode 100644
index 00000000..c5d14314
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint06_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_black.svg b/src/assets/icon/layerIcon/iconPoint07_black.svg
new file mode 100644
index 00000000..a18aeced
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_blue.svg b/src/assets/icon/layerIcon/iconPoint07_blue.svg
new file mode 100644
index 00000000..2250f9ed
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_cyan.svg b/src/assets/icon/layerIcon/iconPoint07_cyan.svg
new file mode 100644
index 00000000..2dd06fd7
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_gray.svg b/src/assets/icon/layerIcon/iconPoint07_gray.svg
new file mode 100644
index 00000000..cd075d31
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_green.svg b/src/assets/icon/layerIcon/iconPoint07_green.svg
new file mode 100644
index 00000000..17174903
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_pink.svg b/src/assets/icon/layerIcon/iconPoint07_pink.svg
new file mode 100644
index 00000000..593de2b4
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_red.svg b/src/assets/icon/layerIcon/iconPoint07_red.svg
new file mode 100644
index 00000000..b64d5e30
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_white.svg b/src/assets/icon/layerIcon/iconPoint07_white.svg
new file mode 100644
index 00000000..042b4ee6
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint07_yellow.svg b/src/assets/icon/layerIcon/iconPoint07_yellow.svg
new file mode 100644
index 00000000..f75daba1
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint07_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_black.svg b/src/assets/icon/layerIcon/iconPoint08_black.svg
new file mode 100644
index 00000000..7fe116d4
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_blue.svg b/src/assets/icon/layerIcon/iconPoint08_blue.svg
new file mode 100644
index 00000000..484648b1
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_cyan.svg b/src/assets/icon/layerIcon/iconPoint08_cyan.svg
new file mode 100644
index 00000000..3cb392af
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_gray.svg b/src/assets/icon/layerIcon/iconPoint08_gray.svg
new file mode 100644
index 00000000..7a902583
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_green.svg b/src/assets/icon/layerIcon/iconPoint08_green.svg
new file mode 100644
index 00000000..405fc2f3
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_pink.svg b/src/assets/icon/layerIcon/iconPoint08_pink.svg
new file mode 100644
index 00000000..cc6e1bf2
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_red.svg b/src/assets/icon/layerIcon/iconPoint08_red.svg
new file mode 100644
index 00000000..e1a84b9e
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_white.svg b/src/assets/icon/layerIcon/iconPoint08_white.svg
new file mode 100644
index 00000000..4d0124bd
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint08_yellow.svg b/src/assets/icon/layerIcon/iconPoint08_yellow.svg
new file mode 100644
index 00000000..5d93306a
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint08_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_black.svg b/src/assets/icon/layerIcon/iconPoint09_black.svg
new file mode 100644
index 00000000..d7c8f62b
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_blue.svg b/src/assets/icon/layerIcon/iconPoint09_blue.svg
new file mode 100644
index 00000000..e78e84d1
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_blue.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_cyan.svg b/src/assets/icon/layerIcon/iconPoint09_cyan.svg
new file mode 100644
index 00000000..c5a8c59e
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_cyan.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_gray.svg b/src/assets/icon/layerIcon/iconPoint09_gray.svg
new file mode 100644
index 00000000..626aa114
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_gray.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_green.svg b/src/assets/icon/layerIcon/iconPoint09_green.svg
new file mode 100644
index 00000000..28c9c3b2
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_green.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_pink.svg b/src/assets/icon/layerIcon/iconPoint09_pink.svg
new file mode 100644
index 00000000..fb5d9789
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_pink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_red.svg b/src/assets/icon/layerIcon/iconPoint09_red.svg
new file mode 100644
index 00000000..548a3f26
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_white.svg b/src/assets/icon/layerIcon/iconPoint09_white.svg
new file mode 100644
index 00000000..aa65baf2
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/icon/layerIcon/iconPoint09_yellow.svg b/src/assets/icon/layerIcon/iconPoint09_yellow.svg
new file mode 100644
index 00000000..8cc95952
--- /dev/null
+++ b/src/assets/icon/layerIcon/iconPoint09_yellow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/index.less b/src/index.less
index 03f027bc..c77f4f52 100644
--- a/src/index.less
+++ b/src/index.less
@@ -173,23 +173,407 @@ body {
.ant-modal-footer {
text-align: center !important;
}
+ #redio-btn-color-group .radio-btn-color {
+ width: 30px;
+ height: 25px;
+ border-radius: 0% !important;
+ border: none;
+ }
+ #redio-btn-color-group .radio-btn-color:hover {
+ transform: scale(1.2);
+ box-shadow: 0px 0px 10px 4px rgba(146, 146, 144, 0.348);
+ z-index: 999;
+ }
+ :where(.css-dev-only-do-not-override-9ntgx0).ant-radio-button-wrapper-checked:not(:where(.css-dev-only-do-not-override-9ntgx0).ant-radio-button-wrapper-disabled)::before {
+ background: none;
+ // border: none;
+ }
+ :where(.css-dev-only-do-not-override-9ntgx0).ant-radio-button-wrapper:not(:first-child)::before {
+ background: none;
+ width: 0px;
+ }
+ #redio-btn-color-group .color-01 {
+ background-color: #d81e06;
+ }
+ #redio-btn-color-group .color-02 {
+ background-color: #f4ea2a;
+ }
+ #redio-btn-color-group .color-03 {
+ background-color: #1afa29;
+ }
+ #redio-btn-color-group .color-04 {
+ background-color: #1296db;
+ }
+ #redio-btn-color-group .color-05 {
+ background-color: #13227a;
+ }
+ #redio-btn-color-group .color-06 {
+ background-color: #d4237a;
+ }
+ #redio-btn-color-group .color-07 {
+ background-color: #e6e6e6;
+ }
+ #redio-btn-color-group .color-08 {
+ background-color: #8a8a8a;
+ }
+ #redio-btn-color-group .color-09 {
+ background-color: #2c2c2c;
+ }
.radio-btn {
- width: 56px;
- height: 56px;
- margin-right: 40px;
+ width: 30px;
+ height: 30px;
border-radius: 0% !important;
}
- #redio-btn-group .icon-01 {
- background: url(./assets/icon/position_icon1_big.png) no-repeat center center;
+ #redio-btn-group {
+ width: 100%;
+ }
+ #redio-btn-group .radio-btn:hover {
+ // background-size: 90%;
+ // border: 1px solid #2F66F2;
+ }
+ #redio-btn-group :where(.css-dev-only-do-not-override-9ntgx0).ant-radio-button-wrapper {
+ background: none;
+ border: none;
+ }
+ #redio-btn-group .iconPoint01-black {
+ background: url(./assets/icon/layerIcon/iconPoint01_black.svg) no-repeat center center;
background-size: 80%;
}
- #redio-btn-group .icon-02 {
- background: url(./assets/icon/position_icon2_big.png) no-repeat center center;
+ #redio-btn-group .iconPoint01-blue {
+ background: url(./assets/icon/layerIcon/iconPoint01_blue.svg) no-repeat center center;
background-size: 80%;
}
- #redio-btn-group .icon-03 {
- background: url(./assets/icon/position_icon3_big.png) no-repeat center center;
- background-size: 34%;
+ #redio-btn-group .iconPoint01-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint01_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-gray {
+ background: url(./assets/icon/layerIcon/iconPoint01_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-green {
+ background: url(./assets/icon/layerIcon/iconPoint01_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-pink {
+ background: url(./assets/icon/layerIcon/iconPoint01_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-red {
+ background: url(./assets/icon/layerIcon/iconPoint01_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-white {
+ background: url(./assets/icon/layerIcon/iconPoint01_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint01-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint01_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint02-black {
+ background: url(./assets/icon/layerIcon/iconPoint02_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-blue {
+ background: url(./assets/icon/layerIcon/iconPoint02_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint02_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-gray {
+ background: url(./assets/icon/layerIcon/iconPoint02_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-green {
+ background: url(./assets/icon/layerIcon/iconPoint02_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-pink {
+ background: url(./assets/icon/layerIcon/iconPoint02_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-red {
+ background: url(./assets/icon/layerIcon/iconPoint02_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-white {
+ background: url(./assets/icon/layerIcon/iconPoint02_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint02-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint02_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint03-black {
+ background: url(./assets/icon/layerIcon/iconPoint03_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-blue {
+ background: url(./assets/icon/layerIcon/iconPoint03_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint03_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-gray {
+ background: url(./assets/icon/layerIcon/iconPoint03_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-green {
+ background: url(./assets/icon/layerIcon/iconPoint03_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-pink {
+ background: url(./assets/icon/layerIcon/iconPoint03_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-red {
+ background: url(./assets/icon/layerIcon/iconPoint03_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-white {
+ background: url(./assets/icon/layerIcon/iconPoint03_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint03-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint03_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint04-black {
+ background: url(./assets/icon/layerIcon/iconPoint04_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-blue {
+ background: url(./assets/icon/layerIcon/iconPoint04_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint04_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-gray {
+ background: url(./assets/icon/layerIcon/iconPoint04_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-green {
+ background: url(./assets/icon/layerIcon/iconPoint04_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-pink {
+ background: url(./assets/icon/layerIcon/iconPoint04_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-red {
+ background: url(./assets/icon/layerIcon/iconPoint04_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-white {
+ background: url(./assets/icon/layerIcon/iconPoint04_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint04-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint04_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint05-black {
+ background: url(./assets/icon/layerIcon/iconPoint05_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-blue {
+ background: url(./assets/icon/layerIcon/iconPoint05_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint05_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-gray {
+ background: url(./assets/icon/layerIcon/iconPoint05_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-green {
+ background: url(./assets/icon/layerIcon/iconPoint05_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-pink {
+ background: url(./assets/icon/layerIcon/iconPoint05_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-red {
+ background: url(./assets/icon/layerIcon/iconPoint05_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-white {
+ background: url(./assets/icon/layerIcon/iconPoint05_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint05-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint05_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint06-black {
+ background: url(./assets/icon/layerIcon/iconPoint06_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-blue {
+ background: url(./assets/icon/layerIcon/iconPoint06_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint06_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-gray {
+ background: url(./assets/icon/layerIcon/iconPoint06_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-green {
+ background: url(./assets/icon/layerIcon/iconPoint06_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-pink {
+ background: url(./assets/icon/layerIcon/iconPoint06_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-red {
+ background: url(./assets/icon/layerIcon/iconPoint06_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-white {
+ background: url(./assets/icon/layerIcon/iconPoint06_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint06-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint06_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint07-black {
+ background: url(./assets/icon/layerIcon/iconPoint07_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-blue {
+ background: url(./assets/icon/layerIcon/iconPoint07_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint07_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-gray {
+ background: url(./assets/icon/layerIcon/iconPoint07_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-green {
+ background: url(./assets/icon/layerIcon/iconPoint07_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-pink {
+ background: url(./assets/icon/layerIcon/iconPoint07_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-red {
+ background: url(./assets/icon/layerIcon/iconPoint07_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-white {
+ background: url(./assets/icon/layerIcon/iconPoint07_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint07-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint07_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint08-black {
+ background: url(./assets/icon/layerIcon/iconPoint08_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-blue {
+ background: url(./assets/icon/layerIcon/iconPoint08_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint08_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-gray {
+ background: url(./assets/icon/layerIcon/iconPoint08_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-green {
+ background: url(./assets/icon/layerIcon/iconPoint08_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-pink {
+ background: url(./assets/icon/layerIcon/iconPoint08_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-red {
+ background: url(./assets/icon/layerIcon/iconPoint08_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-white {
+ background: url(./assets/icon/layerIcon/iconPoint08_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint08-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint08_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+ #redio-btn-group .iconPoint09-black {
+ background: url(./assets/icon/layerIcon/iconPoint09_black.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-blue {
+ background: url(./assets/icon/layerIcon/iconPoint09_blue.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-cyan {
+ background: url(./assets/icon/layerIcon/iconPoint09_cyan.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-gray {
+ background: url(./assets/icon/layerIcon/iconPoint09_gray.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-green {
+ background: url(./assets/icon/layerIcon/iconPoint09_green.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-pink {
+ background: url(./assets/icon/layerIcon/iconPoint09_pink.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-red {
+ background: url(./assets/icon/layerIcon/iconPoint09_red.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-white {
+ background: url(./assets/icon/layerIcon/iconPoint09_white.svg) no-repeat center center;
+ background-size: 80%;
+ }
+ #redio-btn-group .iconPoint09-yellow {
+ background: url(./assets/icon/layerIcon/iconPoint09_yellow.svg) no-repeat center center;
+ background-size: 80%;
+ }
+
+
+ #redio-btn-group .ant-radio-button-checked {
+ border: 1px solid #2F66F2;
+ }
+ #redio-btn-color-group .ant-radio-button-checked {
+ border: 1px solid #2F66F2;
}
.showItem {
display: inline-block;
diff --git a/src/pages/BaseMap/LayerData/index.js b/src/pages/BaseMap/LayerData/index.js
index 737ca186..e88c9c8d 100644
--- a/src/pages/BaseMap/LayerData/index.js
+++ b/src/pages/BaseMap/LayerData/index.js
@@ -19,6 +19,7 @@ class LayerData extends React.Component {
isModalOpen: false,
addLayer: {
id: 0,
+ logoImageColor: 'gray',
logoImagePath: '',
name: '',
note: '',
@@ -153,6 +154,7 @@ class LayerData extends React.Component {
logoImagePath: this.state.addLayer.logoImagePath,
note: this.state.addLayer.note,
name: e.target.value,
+ logoImageColor: this.state.addLayer.logoImageColor
}
})
};
@@ -163,16 +165,30 @@ class LayerData extends React.Component {
logoImagePath: this.state.addLayer.logoImagePath,
name: this.state.addLayer.name,
note: e.target.value,
+ logoImageColor: this.state.addLayer.logoImageColor
}
})
};
- onLayerIogoImagePathChange = (e) => {
+ onLayerIconColorChange = (e) => {
+ debugger
this.setState({
+ addLayer: {
+ id: this.state.addLayer.id,
+ note: this.state.addLayer.note,
+ name: this.state.addLayer.name,
+ logoImagePath: this.state.addLayer.logoImagePath,
+ logoImageColor: e.target.value
+ }
+ })
+ };
+ onLayerIogoImagePathChange = (e) => {
+ this.setState({
addLayer: {
id: this.state.addLayer.id,
note: this.state.addLayer.note,
name: this.state.addLayer.name,
logoImagePath: e.target.value,
+ logoImageColor: this.state.addLayer.logoImageColor
}
})
};
@@ -209,10 +225,27 @@ class LayerData extends React.Component {
message: '请选择图层图标!',
}
]}>
+