Vue – 表格查询组件
这篇博文将介绍一个搜索表单组件。该组件基于 Element UI 的 el-form、el-select、el-date-picker 等组件,通过配置项动态生成表单项,并且提供了灵活的配置和回调函数支持。以下是详细的实现和使用说明。 新建文件 TableSearch.vue Vue2+Element-uiVue3+Element-Plus<…
thumbnail
入门 Deno 的第一步:安装过程
1. 安装 Deno是一个单一的二进制可执行文件。它没有外部依Deno适用于macoS、Linux和Windows。赖。在macos上,同时提供M1 (arm64)和Intel (x64)可执行文件。在Linux和Windows上,只支持x64。 macOSWindowsLinux使用 Shell:curl -fsSL https://deno.l…
Echarts 动态流量折线图
在本篇文章中,我们将介绍如何使用JavaScript和ECharts库来生成一个时间图表。这个图表将显示一段时间内的上行和下行数据。 预览 本篇文章Demo、动态柱形折线图 代码解释 上面的代码片段包括三个部分: time:生成一个包含时间数据的数组。 dataOne:生成上行数据的数组。 dataTwo:生成下行数据的数组。 接下来,我们将使用E…
thumbnail
优雅的Switch
这个设计同样可以移植到任何网页设计中,无论是PC端还是移动端的网页,它可以让网页看起来更有设计感,让用户的视觉感官更加强烈。 先看效果 话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X…
UNI-APP中SCROLL-VIEW的高度问题,填满剩下的高度且高度自适应
前言 最近在做一个非常小的项目,使用的是uni-app的前端框架,在使用过程中遇到了一个问题,就是如何是scorll-view自动填满屏幕上剩下的高度,在网上找了很多教程,但是详细的并不太多。此次就当是在学习过程中的一个记录吧!有需要的朋友可以拿走看看。 思路: 1.使用uni.getSystemInfo(OBJECT)API接口获取设备屏幕高度2…
Element UI Dialog 可拖拽移动
新建文件 directives.js import Vue from 'vue'; // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.…