Element Enhance 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Element Enhance 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Element Enhance 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Vue 组件
开源组织
地区 国产
投 递 者 就眠仪式
适用人群 未知
收录时间 2021-05-31

软件简介

Element Enhance 是基于 Element Plus 而开发的模板组件,提供了更高级别的抽象支持,开箱即用,更加专注于页面。

开发文档 | 更新日志 | 常见问题 | 发布需求

 📢 理念

Element Plus 定义了基础的设计规范,对应也提供了大量的基础组件。但是对于中后台类应用,我们希望提供更高程度的抽象,提供更上层的设计规范,并且对应提供相应的组件使得开发者可以快速搭建出高质量的页面。

列表页应该可以用 EleLayout + EleTable 完成,编辑页应该使用 EleLayout + EleForm 完成,详情页可以用 EleLayout + EleDescriptions 完成。 一个页面在开发工程中只需要关注几个重型组件,降低心智负担,专注于更核心的业务逻辑。

 ⚡ 设计

在实际开发中我们也经常会碰到一些设计问题,比如经典的按钮应该放在左面还是右面,查询表单怎么布局,日期怎么格式化,数字的对齐问题,在重型组件中都进行了抽象,对于各种行为与样式我们都经过了设计师的讨论与设计可以达到默认好看及好用。

如果你还是想自定义相关渲染可以通过自定义 ModelValue 的方式来实现。默认的不一定是最好的,但是一定不差,如果你要自定义最好考虑一下投入产出比,毛坯房里雕花真的好吗?

 ✒️ 特性

该组件库的开发理念就是面向未来,如果查看源码你就会发现像是 vue 3 的实验性功能、像是 CSSNext 的 [CSS Variables]。在保证大部分浏览器的兼容性的情况下,会更多的使用新特性、新功能来开发

 ☁️ 入门

让 Element Plus 更简单, 更通用, 更流行

安装

npm install element-enhance --save

引入

import { createApp } from 'vue'
import App from './App.vue'
import ElementEnhance from 'element-enhance'
import 'element-enhance/lib/style.css'

const app = createApp(App)

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

使用

<template>
  <ele-layout multi-tab="true" breadcrumb="true">
    <template #logo></template>
  </ele-layout>
</template>

效果

🍚 贡献

组件库还处于早期开发阶段,功能还需要完善。如果你希望参与贡献,欢迎 [Pull Request]。如果只是简单的文档相关的错误修正,你可以直接 PR,但如果是当前组件的 BUG 或者新功能、新组件等,最好优先提 [issues]
 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣
发表了资讯
2021/06/21 09:52

Element Enhance 0.3.5 发布,让 Element Plus 更简单,更通用

📖 概述 Element Enhance 是基于 Element Plus 而开发的模板组件,提供了更高级别的抽象支持,开箱即用,更加专注于页面。 ✒️ 更新日志 0.3.5 [新增] element-enhance 案例 [新增] breadcrumb 面包屑组件, 用于展示当前路由信息 [新增] layout 组件的 show-collapse 参数, 用于控制顶部 collapse 的隐藏显示 [新增] layout 组件的 banner 参数, 用于控制顶部通栏布局方式 [新增] layout 组件的 var.css 样式, 用...

4
6
发表了资讯
2021/05/31 11:13

Element Enhance 组件库,让 Element Plus 更简单,更通用,更流行

Element Enhance 是基于 Element Plus 而开发的模板组件,提供了更高级别的抽象支持,开箱即用,更加专注于页面。 开发文档 | 更新日志 | 常见问题 | 发布需求 📢 理念 Element Plus 定义了基础的设计规范,对应也提供了大量的基础组件。但是对于中后台类应用,我们希望提供更高程度的抽象,提供更上层的设计规范,并且对应提供相应的组件使得开发者可以快速搭建出高质量的页面。 列表页应该可以用 EleLayout + EleT...

1
11
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
0 评论
16 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部