第十四章:Element-ui组件库

简介: 第十四章:Element-ui组件库

第十四章:Element-ui组件库

一、常用的UI组件库

1.1 移动端常用UI组件库

  • Vant组件库
  • Mint组件库
  • Cube组件库

1.2 PC端常用UI组件库

  • Element UI组件库饿了么
    搭建后台管理系统
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-otmVfaMK-1655452008388)(assets/image-20220302172523798.png)]
  • IView UI组件库

项目案例:豆瓣APP(2天)

Day_one:

  1. 项目基础构建
  2. tabbar组件封装
  3. header组件封装
  4. 二级路由

作业:

  1. 实现上课效果
  2. 实现登录、注册、我的、小组等静态页面

Day_two:

  1. axios请求封装
  2. 轮播图组件
  3. 首页新闻列表组件

Day_two:

  1. axios请求封装
  2. 轮播图组件
  3. 首页新闻列表组件


目录
相关文章
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
UI 框架:Element-plus组件库(一)
在现代Web开发中,用户界面的设计与交互体验至关重要。随着前端技术的迅速发展,各种UI框架层出不穷,旨在提升开发效率和用户体验。其中,Element Plus作为一款基于Vue 3的组件库,因其简洁优雅的设计和丰富的功能而备受欢迎。 Element Plus不仅提供了众多高质量的组件,还注重与开发者的友好互动,使得即使是初学者也能快速上手。在本系列文章中,我们将深入探讨Element Plus的各个组件及其应用,通过实例演示如何有效利用该框架构建美观且功能强大的用户界面。
776 0
|
资源调度 JavaScript 项目管理
手写Element-UI组件库的搭建
手写Element-UI组件库的搭建
304 0
|
API 微服务 JavaScript
封装一个优雅的element ui表格组件
现在做后台系统用vue + elementUI 的越来越多,那element ui的 el-table 组件肯定也离不开。虽然element ui的table组件很好。
5337 0
|
JavaScript API 容器
day-ui - Affix 组件学习
固钉组件是把页面某个元素相对页面 HTML 或者某个 dom 内定位显示,例如固定页面顶部/底部显示,页面宽高改变也会保持原位置。如果进行滚动,超过定义的范围就会固定定位,否则会跟随页面滚动
304 0
day-ui - Affix 组件学习
|
JavaScript 前端开发 开发者
Element UI(桌面组件库)之 三大灵魂拷问
Element UI(桌面组件库)之 三大灵魂拷问
573 0
Element UI(桌面组件库)之 三大灵魂拷问
|
前端开发 JavaScript 容器
前端封装库/工具库的组件库之Element
在现代前端开发中,UI 组件库是一个非常重要的组成部分。其中,Element 是一个备受欢迎的基于 Vue.js 的 UI 组件库。
240 0
|
JSON JavaScript 数据格式
vue2.0 + element-ui 实战项目-渲染表格(四)
vue2.0 + element-ui 实战项目-渲染表格(四)
82 0
|
前端开发 搜索推荐 JavaScript
前端封装库/工具库的组件库之Material UI
随着互联网时代的到来,Web应用程序的用户界面设计和开发变得越来越重要。为了更好地完成这项任务,前端封装库/工具库的出现成为一个非常好的解决方案。其中一款备受关注的UI组件库是Material UI。
849 0
|
JavaScript
Vue 引入 Element-UI 组件库
Vue 引入 Element-UI 组件库
241 0
|
JavaScript C# 容器
自己动手写UI库——引入ExtJs(布局)
第一: 来看一下最终的效果 第二: 来看一下使用方法: 第三: Component类代码如下所示: public class Component     {                   public Component()         ...
894 0

热门文章

最新文章