网站搭建时常用组件及样式前言一、CSS1.div1.1 圆角1.1.1 div圆角1.1.2 video、img原生组件圆角1.2 边框阴影1.3 分布1.3.1 水平分布1.3.2 水平分布自动换行1.3.3 z轴+水平居中1.3.4 多个div水平居中1.3.5 多个div垂直居中1.3.6 水平滚动不换行1.4 内容溢出1.5 悬浮变手2. 动画3.文本3.1 两端对齐3.2 下划线到文字
这是我使用Element-ui的布局，排布的一个界面，原本我是使用WinfowsForm来做的一个摄像头注册以及查询的小工具，目前我关注前后端的开发，所以就想着能不能把这么个小工具，我用前后端的形式开发。发现是可以的，前端我使用Element-ui和vue,后端服务我使用.net core，这样在生产车间部署起来也很快，将启动这个工具使用批处理命令组合起来，启动服务，随后使用浏览器打开指定的访问地
转载
2024-06-22 15:30:53
148阅读
Layout布局1.创建布局通过Col组件的:span属性调整Layout布局，分为24栏。el-row>
<el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col>
</el-row> 2.分栏间隔通过Row组件的:gutter属性来
转载
2024-02-22 20:52:41
254阅读
有明确目的的学习比较有效，我学习HTML offset相关概念是出自一个需求，那就是计算一个绝对定位的HTML元素相对于当前窗口的偏移距离，主要是Y方向的偏移，X方向同理。要实现这个目的，首先要弄清楚HTML关于偏移距离的定义：1. offsetTopMDN的定义：The HTMLElement.offsetTop read-only property returns the
vue + elementUI 实现顶部路由标签跳转引言封装组件vuex 文件router 文件页面中使用 引言后台管理系统中，为了方便使用者跳转已经访问过的页面，需要实现顶部路由标签跳转到访问过页面的功能，因此封装成组件方便使用封装组件<!-- TagsView/levelScroll.vue -->
<template>
<el-scrollbar
转载
2024-04-09 09:47:00
51阅读
最近根据公司项目需求做一个在线签名，技术栈用的是vue+Element ui想了想这... canvas我不太会，简单画线可还行...，想了想来呗，撸上在网上找了很多效果，都不太无限接近效果，磕磕绊绊也算是找到了比较满意的效果需求是用element ui dialog弹框里加入签名效果，期间也遇到很多问题，在这里总结一下，也希望能有所帮助。！----------------------------
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
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是一个
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阅读
历时2周左右，我终于完成了我的毕业项目。虽说页面不是特别美观，但是对于一个后四、总结 一、页面展示登录界面管理界面数据操作二、代码展示登录页代码<templa
转载
2024-04-17 16:59:33
92阅读
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.将views文件夹下的内容全部删除，新建layout文件夹，并在其下建立index.vue文件，然后通过element-ui框架官网中的“Container布局容器”组件，选择一种布局方式，我选择的如下布局方式： 布局样式如下： 2.在views文件夹下再新建welcome文件夹，并新建index.vue文件，其内容如下： 3.接着修改路由文件，在src => r
转载
2024-04-14 22:12:00
198阅读
今天将介绍的是, 如果页面需要在后台执行很长时间怎么办, 通过 ResponseProgress由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:http://code.google.com/p/zsharedcode/wiki/ResponseProgress请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码, 目录 /
转载
2024-08-01 13:41:57
82阅读
插槽---可以理解成占位符。方便组件功能的扩展。 一个 slot 标签就是一个插槽，如果没有内容传入，则显示 slot 标签原有的内容，如果有内容插入，则显示插入的内容。vue的插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。匿名插槽（slot 不带 name 属性），看下面例子：先在main.js定义一个组件my_slot:Vue.com
转载
2024-03-16 12:00:26
746阅读
Vue-elementUI实现PC端商城购物车计算Vue-elementUI实现PC端商城购物车计算，最重要的就是【computed】里面的计算，用来算出勾选的商品的总价 文章目录Vue-elementUI实现PC端商城购物车计算前言一、实现效果二、使用步骤1.数据结构部分2.HTML部分3.部分CSS样式4.JS中的data5.JS中的method6.JS中的computed（计算最终勾选的价格
转载
2024-03-25 14:18:08
93阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
项目中有一个驾驶舱页面， 需要用到全屏的显示， 那么我们是怎么做全屏的切换呢 有两个方法， 一个就是 使用 F11 键就可以切换全屏 第二个方法就是使用 requestFullscreen 方法1.document下没有requestFullscreen 2.requestFullscreen方法只能由用户触发，比如：在onload事件中不能触发 3.页面跳转需先退出全屏 4.进入全屏的元素，将脱
转载
2024-10-15 19:22:28
916阅读
vue 组件全屏(vue-fullscreen)A simple Vue.js component for fullscreen. 一个用于全屏显示的简单Vue.js组件。
View demo
查看演示
Download Source
下载源
(Installation)Install from GitHub via NPM 通过NPM从GitHub安
转载
2024-10-28 15:36:00
137阅读
Alert 警告用于页面中展示重要的提示信息。基本用法页面中的非浮层元素，不会自动消失。<template>
<el-alert
title="成功提示的文案"
type="success">
</el-alert>
<el-alert
title="消息提示的文案"
type="info">
<
转载
2024-03-28 09:34:00
262阅读
