重构图标使用方式；将element plus 改为按需导入

src/views/component_basic_example/link.vue

@@ -8,7 +8,6 @@
 
 <script setup>
 import Alert from './components/alert.vue'
-import { Edit } from '@element-plus/icons-vue'
 </script>
 
 <template>
@@ -36,10 +35,17 @@ import { Edit } from '@element-plus/icons-vue'
             <el-link>有下划线</el-link>
         </page-main>
         <page-main title="图标" class="demo">
-            <el-link :icon="Edit">编辑</el-link>
+            <el-link>
+                <el-icon class="el-icon--left">
+                    <svg-icon name="ep:edit" />
+                </el-icon>
+                编辑
+            </el-link>
             <el-link>
                 查看
-                <el-icon class="el-icon-view el-icon--right"><el-icon-view /></el-icon>
+                <el-icon class="el-icon--right">
+                    <svg-icon name="ep:view" />
+                </el-icon>
             </el-link>
         </page-main>
     </div>