文章目录系列文章目录@[TOC](文章目录)前言1、学习Element-plus 的tabs组件选项卡功能1.1、tabs 组件1.2、基础用法1.3、卡片风格的标签1.4、标签位置的设置1.5、Tabs 属性1.6、Tabs 事件2、博物馆管理系统数据展示2.1、产品原型图2.2、准备mock数据2.3、通过axios加载数据总结前言在第一章节，我们把博物馆管理系统打了个地基，基本的产品架构和框
Mint UI
1.组件库基础1.1 什么组件?组件(Component)是对复用的结构<template>、表现(<style>)及行为<script>的封装，其优势在于一次定义，多次使用。组件库是由多个组件形成的完整的架构体系。1.2 组件库的分类根据组件库应用平台的不同，可以分为：移动端组件库
Mint UI(饿了吗) – http://mint-
前言前两天给大家派送了小编自己定制的2021年日历和月历，看到好多读者下载了，小编表示很欣慰?。上期推送可见：R可视乎|2021年日历大派送今天来说说这个包吧，非常简单，比起ggplot2包绘制日历要简单的多。R中的年历图该软件包非常易容易使用，因为它仅包含一个命名函数calendR。默认情况下，如果未指定任何参数，则该函数将以横向形式创建当年的日历，并且所有文本将使用系统的语言，如下所示：# i
在现实生活在，视觉信息总是很吸引人的眼球，好的页面设计总是能够脱颖而出，而卡片设计的应用就是一种趋势。有数据显示移动端使用率远远高于桌面端，网页设计都能很好的适应小屏幕。这个结论就是：简单的界面风格，比如：扁平化设计，极简设计，尤其是卡片设计比往年都要流行。卡片式网页设计判断一个卡片设计的好坏，重点看下面两个：好的卡片设计不会使用太多的加载时间，同时它也能在不同的屏幕上切换自如。小的模块对于用户来
转载
2023-11-17 20:50:15
125阅读
-色彩标准卡——设计必备-
(2011-01-07 15:23:07) (转)
一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1、在红色中加入少量的黄，会使其热力强
转载
2024-10-22 14:17:49
121阅读
需求设计一个基于 vue 和 element ui 的多卡片组单一表单组件，卡片组用于分类若干字段，比如个人信息、职业信息、技能信息。同时，将标签等文本抽离 HTML，方便后续增加语言模块。分析原始的 <el-form> 不支持批量设置字段，当页面中字段较多时，维护和修改 HTML 过于繁琐；原始的数据对象和规则对象完全扁平化，且无法分组，不便于与页面结构一 一对应，实现分层遍历的效果
vue前端之基于vant-
ui的card
卡片组件的商品购物车修改的简单实现、复选框批量选择、全选按钮1、要达到的效果2、整体代码：<template>
<div>
<home-header class="TOP" :message='topTitle'></home-header>
<div class="cart">
&
本文借鉴了一部分上文，卡片布局部分不再是自己写 DIV 和 CSS ，而是改用了 element-ui 的 “card 卡片”，使用方法见：https://element.eleme.cn/#/zh-CN/component/card并且添加了全选 和 其他功能。关键点：【最开始这两个点疏忽了，调了一下午。是个小坑】1、input 的 id 和&nbs
转载
2023-12-28 08:50:30
133阅读
卡片设计在界面中已经是非常常见的一种设计形式，大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了，今天我想从我自己的经验来总结卡片设计的细节要点，期望能给大家总结一些快速提升卡片设计效果的方法。 1、卡片的造型 1)圆角不同的圆角，所带来的气质是不同的。圆角很小，视觉印象是硬朗，高冷，具有攻击性的，多用于严肃、高端、冲突感强烈的设计中;而更大的圆角给人的感觉是有亲和力，柔软，安全
转载
2023-09-10 18:24:05
250阅读
步骤其实也比较简单：设置贺卡背景－>输入祝福字符－>添加个性图片->设置背景音乐。 一、设置贺卡背景 1、执行“格式→背景”命令，打开“背景”对话框（如图1）。 图1 2、单击其中的下拉按钮，在随后弹出的下拉列表（参见图1）中，选择“填充效果”选项，打开“填充效果”对话框（如图2）。 图2 3、切换到“图片”标签下，单击“选择图片”按钮，打开“选
技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-6.卡片组件的封装技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-2.启动项目技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-1.使用sass工具搭建前台web端页面技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-2.sass工具的变量(vari
Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。本文就简单介绍一下：使用 Web Components 实现一个类 Element UI 中的 Card 卡片组件。一、前言随着前端工程化生态日益成熟，出现了很多优秀的框架，如：Vue、React、Angular等等，极大的提高了日常开
Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。本文就简单介绍一下：使用 Web Components 实现一个类 Element UI 中的 Card 卡片组件。
Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的
转载
2024-04-13 20:45:09
115阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
简介
element-
ui是一个
ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的
ui框架。Layout布局（el-row、el-col）
element-
ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row>
<el-col :span="6"><div class="
转载
2024-03-28 12:41:54
704阅读
Layout Element 布局元素包括7个属性，其中前6个属性是每个布局元素自身大小信息的设定，一般用于布局控制器对其进行大小和位置的设定。 1.布局涉及两个核心要件，包括布局控制器（La
转载
2024-07-30 19:47:31
48阅读
目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、检查项目开发环境搭建项目前，我们要检
转载
2024-05-08 16:58:32
66阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
