html单页面中引入element-plus的图标icon

element

A Vue.js 2.0 UI Toolkit for Web

项目地址：https://gitcode.com/gh_mirrors/eleme/element

免费下载资源

qq_36660135

596人浏览 · 2024-07-15 14:29:57

qq_36660135 · 2024-07-15 14:29:57 发布

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

<!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

下载

A Vue.js 2.0 UI Toolkit for Web

最近提交(Master分支：5 个月前 )

c345bb45 9 个月前

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 9 个月前

GitCode 开源社区

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

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的