Element Plus Pro

深色模式

快速开始 ​

环境说明 ​

  1. vue 版本：>3.4.0
  2. element-plus 版本：>2.6.0

安装 ​

shell
# NPM
npm i element-plus --save
npm i @easyui/element-plus-pro --save

# PNPM
pnpm add element-plus
pnpm add @easyui/element-plus-pro

全量引入 ​

js
import { createApp } from "vue";
import ElementPlus from "element-plus";
import ElementPlusPro from "@easyui/element-plus-pro";
import "element-plus/dist/index.css";
import "@easyui/element-plus-pro/index.css";
import App from "./App.vue";

const app = createApp(App);

app.use(ElementPlus);
// 全量引入 ElementPlusPro 组件
app.use(ElementPlusPro);
app.mount("#app");

按需引入 ​

js
import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import "@easyui/element-plus-pro/index.css";

// 按需导入组件
import { SButton, SIcon } from "@easyui/element-plus-pro";
// 按需导入样式
import "@easyui/element-plus-pro/es/theme/basic/button.css";
import "@easyui/element-plus-pro/es/theme/basic/icon.css";

import App from "./App.vue";

const app = createApp(App);

app.use(ElementPlus);

app.use(SButton);
app.use(SIcon);

app.mount("#app");