一、盒模型盒子模型是由内容、边框、间隙（padding）、间隔（margin）组成盒子实际宽度（高度）=内容（content）+边框（border）+间隙（padding）+间隔（margin）。对于任何一个元素设置width和height控制内容大小，也可以分别设置各自的边框（border）、间隙（padding）、间隔（margin）border是元素的外围，计算元素的宽和高要把b
一、应用场景【效果图】操作：当点击下方 不X受理 按钮时，打开弹出框【居中显示，layerui】（如上左图），获取焦点（focus）时，弹出框居上显示（如上右图），失去焦点（blur）时，弹框居中显示，代码按照默认给某部分绑定相应处理事件【流转意见框 绑定 监听事件（失去焦点或内容改变时，将输入内容同步 另一区域div显示---此区域内容为提交后台数据库保
文章目录前言实现效果关键代码源码下载参考文献 前言基于 Vue 使用 element ui 的 carousel 和 image 实现图片的滚动，以及文字在图片上缩略显示和全部显示。实现效果点击查看全部文本关键代码<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
转载
2024-03-27 11:35:29
176阅读
目录背景组件属性props官方说明用法load懒加载点击事件 背景Element Plus官方的文档在Tree树形组件这一块用的全部是TypeScript，奈何没有学习过ts，项目又要用到，故在此记录一下js的写法组件<el-tree
:props="props"
:load="loadNode"
lazy
:expand-on-click-
转载
2024-04-08 14:15:56
181阅读
前言这可能是目前最便捷、最合适的 Icon 使用方式了，特别是在 Vue3 中，等等，你以为它只是适用于 Vue3？不，不要被标题欺骗，它支持 Vue2/Vue3、React、Preact、Solid、Svelte 等多种主流框架，同样，它也支持 Vite、Roullp、Webpack、Nuxt、VueCLI、Svelte Kit、Svelte + Vite、Next.js 等多种主流构建工具。之
转载
2024-06-21 13:00:44
867阅读
需求：表格中需要使用tree表格，展开折叠效果，还需要多选表格数据，elementui中有树表格，查看样式及文档，但是没有办法多选，本文章中可以多选获取数据。直接下载地址：直接复制粘贴到html查看演示本文样式：组件化使用： 请查看 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
转载
2024-03-06 08:04:15
92阅读
文章目录@[toc]一、样式无法正常显示1、检查CDN引用文件路径2、检查是否引入Vue.js文件3、elementUI 必须在Vue作用域里二、elementUI图标等显示异常1、未引用文字图标库文件（1）问题状态（2）解决办法2、已经引用字体图表库文件（1）问题状态（2）解决办法本文中部分代码来自ElementUI官网一、样式无法正常显示1、检查CDN引用文件路径检查引入elementUI的C
转载
2024-04-17 09:23:50
120阅读
简介
Button(按钮)可能是最简单的一个组件了(Icon组件表示不服，我TM连点击事件都没)，因为Button涉及到的东西真的不多，无非就是响应点击事件和具体的样式编写，最多加一个loading状态禁止点击，下图是Element的Button示意图，官网代码点此
主要就分为直角，圆角，圆形按钮这几种，这里的按钮颜色看着很舒服，
转载
2024-04-05 00:02:47
872阅读
本文目录1. 用途2. 输入框2.1 输入框基本功能2.2 显示占位文本2.3 禁用2.4 可清空的输入框2.5 显示密码框2.6 显示图标2.7 输入长度限制3. 文本域 1. 用途输入框是使用非常多的元素，用来输入用户名、密码等等信息。Element提供了功能和样式丰富的输入框，本篇就来了解下。2. 输入框输入框为el-input，其编译后生成的HTML元素为input，样式class中包含
转载
2024-04-28 14:10:06
717阅读
使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多）第一种方法：使用命令行主题工具使用vue-cli安装完项目并引入element-ui（具体可参考第二种方法中的介绍）一、安装工具1，安装主题工具npm i el
转载
2024-03-22 06:45:42
107阅读
POI API实现Excel文件导入到数据库上一篇博客笔者利用 POI API实现了Excel文件的导出功能，只是当时做的不是很完善，只是做了一个excel文件的后台的接口，通过浏览器调用很容易实现，但是后来放到form表单的按钮上实现时发现出了Bug,采用axios的post请求调用导出接口后一直出现浏览器没有下载excel文件的Bug,后来改为form表单提交发现最终解决了这一Bug。之后笔者
转载
2024-10-28 11:08:39
64阅读
需求：用RRDtool绘制lvs的连接数图形RRDtool是一个强大的绘图工具，作者是Tobias Oetiker。RRD全称Round Robin Database，轮转数据库，也是一个时间序列数据库。数据库文件以rrd结尾，RRD在创建好后大小是固定的，超过容量之后旧数据会被新采集的数据覆盖。看看官方说明：RRDtool is designed to store time series of
转载
2024-10-10 12:20:25
83阅读
这是一个轮播图组件，你可以直接下载使用，这里是代码地址，需要传入容器的id和图片地址，支持Internet Explorer 10+、Firefox、Opera和Chrome等现代浏览器。 之前写一些功能或是特效都是写在一个个函数里，可能因为我是由c语言入门编程，所以更倾向于面向过程的编程方式，没有想过将一个模块抽象成为对象，做成组件。但是由于尝到了重复造轮子之苦。我决定将不可复用的代码做成
在vue-cl中使用element ui库时用到了一个搜索框，但是官网中得input框api改变大小样式得只有一个size属性可选值只有三个：medium / small / mini 这样就不太符合我的具体样式要求了，需要把宽高改成我需要的值，从网上找到了两种办法：一：首先找到你input的class名el-input__inner，然后在style标签中写入你需要改的样式， 最后把style标
转载
2024-04-08 20:09:24
63阅读
P图改字微信支持： 效果字制作比较简单，主要由两部分构成：表面字及立体面。表面字用图层样式及抽丝图案来完成；立体面直接按规律复制文字，并加上颜色和投影即可最终效果 一、新建一个800*600px文档，并将Background图层创建一个副本，将其命名为Background_copy。 二、双击Background_copy图层，勾选渐变叠加，并设定
转载
2024-04-11 10:11:13
227阅读
点赞
第三十三章 杂项33.1 交互式和非交互式的shell和脚本交互式的shell在tty终端从用户的输入中读取命令。另一方面，shell能在启动时读取启动文件，显示一个提示符并默认激活作业控制。用户能交互地使用shell。运行脚本的shell一般都是非交互的shell。但脚本仍然可以存取他拥有的终端。脚本里甚至可以仿效成可交互的shell。#!/bin/bash
#
MY_PROMPT='$ '
<el-table :data="list" v-loading="listLostyle="{background:'#FAFAFA'}" fit highlight-current-row s...
原创
2023-05-25 18:26:05
90阅读
作者：TYANerelementUI是和vue配套的一个桌面端组件库。虽然是一个通用的组件库，但是由于使用场景的不同，我们可能会遇到一些小问题，以下是我个人的一、、总结。1、Tooptip文字提示tooltip使用时，必须有一个子元素(不能是文本元素)。2、修改主题色2.1 方案一：利用element UI的在线主题生成工具操作步骤：点击“切换主题色”，选择或输入色值。点击“下载主题”。将压缩包解
转载
2024-04-29 10:55:54
442阅读
elementUI导航栏官网
1. 安装 elementUI2. 文件准备3. 配置路由4. 导航栏代码一、安装 elementUInpm i element-ui -S；在 main.js 中注册组件：import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(Element
转载
2024-03-06 23:25:36
651阅读
一直对这个问题相当的不解，按照css的定义，行内(内联)元素不是不可以设置宽度高度吗，为神马身为行内元素的input却可以呢？有没有大牛解释下回复讨论(解决方案)早，那就说明input不是行内(内联)元素，是不是行内元素，完全可以通过CSS的定义来切换用firebug看下你就知道是不是行内元素了，以前我一直想当然的以为input是inline-block，今天才发现，这货原来就是一活生生的inli
