实现效果
在这里插入图片描述
实现代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Element Plus Icons with Vue 3</title>
    <script src="https://unpkg.com/vue"></script>
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-plus/dist/index.css"
    />
    <script src="https://unpkg.com/element-plus"></script>
    <!-- Import ElementPlus Icons-Vue -->
    <script src="https://unpkg.com/@element-plus/icons-vue"></script>
    <style>
      #app {
        width: 20px;
        height: 20px;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <!-- 使用 Element Plus 的图标组件 -->
      <el-icon class="icon">
        <Plus />
      </el-icon>
    </div>

    <script>
      const { createApp } = Vue;

      const app = createApp({
        // 注册 Vue 组件
        components: {
          'plus': ElementPlusIconsVue.Plus,
        },
      });

      app.mount("#app");
    </script>
  </body>
</html>

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐