@chapanda/style-preset-ep

chapanda style preset
1,982
vue utils vite typescript react vue3 javascript web component
Install
npm install @chapanda/style-preset-ep@1.4.16
Latest Version:1.4.16
Vue:3
License:MIT
Last Updated:Jun 29, 2026
Links: npm
Maintainer: baiwusanyu

@chapanda/style-preset-ep

基于中心规范基础结合 element-plus 的组件库样式预设.

使用

我们通过使用 scss 覆盖变量和组件库样式的方式提供预设

  1. 入口文件 main.tsx 引入 scss 样式文件 其中 '@chapanda/style-preset-ep/theme' 用于提供主题变量，覆盖 element-plus 的变量. '@chapanda/style-preset-ep/theme/components' 提供组件样式覆盖。
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'

import '@chapanda/style-preset-ep/theme'
import '@chapanda/style-preset-ep/theme/components'
const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

参考

关于全局样式（布局对齐、字体、颜色变量等）请阅读 @chapanda/style-preset-base 文档

Related Packages

@unplugin-vue-ce/sub-style

A vue plugin that extends vue's Custom Element capabilities (sub component style...

39,165 75
javascript react typescript utils vite vue vue3 web component
@unplugin-vue-ce/utils
38,234 75
javascript react typescript utils vite vue vue3 web component
unplugin-vue-ce

A vue plugin that extends vue's Custom Element capabilities (v-model, child styl...

24,311 75
javascript react typescript utils vite vue vue3 web component
@unplugin-vue-ce/ce-app
23,027 75
javascript react typescript utils vite vue vue3 web component
@unplugin-vue-ce/v-model

A vue plugin that extends vue's Custom Element capabilities (v-model)

22,716 75
javascript react typescript utils vite vue vue3 web component

Version History

Version Released License
1.4.16 MIT
1.4.15 MIT
1.4.14 MIT
1.4.13 MIT
1.4.12 MIT
Pre-releases (11)
Version Released License
1.4.17-beta.3 MIT
1.4.17-beta.1 MIT
1.4.6-beta.1 MIT
0.0.1-beta.14 MIT
0.0.1-beta.13 MIT