element+是开源的前端组件库,有众多开发者在应用,是业界主流的Web端组件库之一。它有多个高质量组件,覆盖前端各类场景。性能极佳。组件体积小,支持主题定制和国际化等常用功能。element+可以友好的支持Vue3.0。
13.1 安装element+
虽然现在流行用nmp命令、用所谓的脚手架创建项目,用命令行运行项目的方法,但我依然认为在学习阶段,应该怎么简单怎么来,最好不要在配置上浪费时间,消磨学习的兴趣。所以我推荐你直接用引入CSS和JS的方式。
ElementPlus组件库
默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮
输出结果
13.2 来点不一样的
习惯了HTML的那些常规标签,总想找点不一样的,这下有了element+,就可以实现了。我们来个不一样的选择标签,来个评分打星标签,再来一个物流进度时间线。更多详细内容,你自己到官网https://element-plus.org/#/zh-CN研究去,我给你打个样,仅供参考。
ElementPlus组件库
{{activity.content}}
输出结果
好了,有关element-plus的内容,老陈讲完了,如果觉得对你有所帮助,希望老铁能转发点赞,让更多的人看到这篇文章。你的转发和点赞,就是对老陈继续创作和分享最大的鼓励。
一个当了10年技术总监的老家伙,分享多年的编程经验。想学编程的朋友,可关注今日头条:老陈说编程。我在分享Python,前端、Java和App方面的干货。关注我,没错的。
#前端##Vue.js##JavaScript##程序员##Web#