diff --git a/frontend/src/components/canvas/custom-component/component-list.js b/frontend/src/components/canvas/custom-component/component-list.js
index b15f06e30b..906dc42ee5 100644
--- a/frontend/src/components/canvas/custom-component/component-list.js
+++ b/frontend/src/components/canvas/custom-component/component-list.js
@@ -85,7 +85,7 @@ export const assistList = [
component: 'rect-shape',
type: 'rect-shape',
label: '矩形',
- icon: 'iconfont icon-juxing',
+ icon: 'iconfont icon-juxing1',
defaultClass: 'text-filter'
},
{
diff --git a/frontend/src/styles/deicon/demo_index.html b/frontend/src/styles/deicon/demo_index.html
index f9b2d29b31..2a79fc1d42 100644
--- a/frontend/src/styles/deicon/demo_index.html
+++ b/frontend/src/styles/deicon/demo_index.html
@@ -54,6 +54,12 @@
+ -
+
+
矩形
+ 
+
+
-
移动端
@@ -90,12 +96,6 @@

- -
-
-
tabs
- 
-
-
-
时间
@@ -156,6 +156,12 @@

+ -
+
+
44.tabs
+ 
+
+
-
洗浴
@@ -468,9 +474,9 @@
@font-face {
font-family: 'iconfont';
- src: url('iconfont.woff2?t=1636516993563') format('woff2'),
- url('iconfont.woff?t=1636516993563') format('woff'),
- url('iconfont.ttf?t=1636516993563') format('truetype');
+ src: url('iconfont.woff2?t=1639546982753') format('woff2'),
+ url('iconfont.woff?t=1639546982753') format('woff'),
+ url('iconfont.ttf?t=1639546982753') format('truetype');
}
第二步:定义使用 iconfont 的样式
@@ -496,6 +502,15 @@
+ -
+
+
+ 矩形
+
+ .icon-juxing1
+
+
+
-
@@ -550,15 +565,6 @@
- -
-
-
- tabs
-
- .icon-tabs
-
-
-
-
@@ -649,6 +655,15 @@
+ -
+
+
+ 44.tabs
+
+ .icon-tabs
+
+
+
-
@@ -1117,6 +1132,14 @@
+ -
+
+
矩形
+ #icon-juxing1
+
+
-
- -
-
-
tabs
- #icon-tabs
-
-
-
+ -
+
+
44.tabs
+ #icon-tabs
+
+
-