diff --git a/templates/admin/power/add.html b/templates/admin/power/add.html
index f989aa2df8e81c6d0562a899199dea2c831f1fe7..d97b0f30e06264a0bd6f1c4ee1e70697daac6bc5 100644
--- a/templates/admin/power/add.html
+++ b/templates/admin/power/add.html
@@ -145,17 +145,15 @@
             return false
         })
 
+        
         icon.render({
             elem: '#icon',
-            style: 'color: #5FB878;',
-            placeholder: '',
-            isSplit: true,
-            page: false,
-            search: false,
+            type: 'fontClass',
+            search: true,
             click: function (data) {
-                console.log(data)
+                console.log(data);
             }
-        })
+        });
     })
 </script>
 <script>
diff --git a/templates/admin/power/edit.html b/templates/admin/power/edit.html
index bf06f6423995049245a1d7edad166df7fd4319e2..33629e889c9db3fe3714ea3f596ef1e96391a6c5 100644
--- a/templates/admin/power/edit.html
+++ b/templates/admin/power/edit.html
@@ -159,15 +159,12 @@
 
         icon.render({
             elem: '#icon',
-            style: 'color: #5FB878;',
-            placeholder: '',
-            isSplit: true,
-            page: false,
-            search: false,
+            type: 'fontClass',
+            search: true,
             click: function (data) {
-                console.log(data)
+                console.log(data);
             }
-        })
+        });
 
 
         window.init = function (type) {