1. compose和node的安装这两个的安装网上教程多的是,大家可自行下载安装。2. Laravel5.5 安装3. Vue的安装Laravel 默认是带vue环境的,所以我们可以非常方便的搭建使用安装的话我们直接进入项目的根目录执行 npm install ,等待一段时间就OK了然后,我们来写一些代码来测试下,我们进入 resources\assets 目录后会发现,laravel默认带了一
vue模拟el-table演示插槽用法很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,并且自己写一个类似el-table的组件vue的slot分为三种::匿名插槽,具名插槽, 作用域插槽,主要作用:让父组件可以向子组件指定位置插入 html 结构,也是一种组件间通信的方式,适用于父组件=>子组件1、匿名插
根据tree节点获取表格数据,最右侧展示选中的表格数据 在此之前一通过接口获取对应页面的历史数据(需在左侧表格和右侧表格回显勾选状态与数据)也可再次勾选与删除 坑:最初设计右侧根据左侧表格数据来渲染,但是这样切换tree节点刷新左侧表格右侧数据重新获取只能展示当前节点下已选中数据,无法全部展示,而且在type="selection"这个列里添加reserve-selection属性(添加了rese
http://www.runoob.com/dom/dom-element.htmlElement 对象Element 对象代表 XML 文档中的一个元素。元素可以包含属性、其他元素或文本。如果一个元素包含文本,则在文本节点中表示该文本。重要事项:文本永远存储在文本节点中。在 DOM 处理过程中的一个常见的错误是,导航到元素节点,并认为此节点含有文本。不过,即使最简单的元素节点之下也拥有文本节点。
转载 10月前
28阅读
1.下载VScode编译器官网自己下载(https://code.visualstudio.com/)傻瓜安装2导入项目打开 Visual Studio Code,File --> add Folder to Workspace,导入我们的项目。  3.安装 ElementElement 是国内饿了么公司提供的一套开源前端框架,简洁优雅,提供了 vue、react、ang
转载 6月前
59阅读
element-ui 单选框radio组件源码分析,也是很常用的一个单选框组件分为3部分radio-group: 单选组,适用于多个互斥的选项中选择的场景radio: 单选radio-button: 按钮样式的单选2可以单独使用,也可与1组合使用,3和1要组合使用radio-group结构很简单相当于是一个父容器,并且提供了键盘上下左右选中的方法<div class="el-radi
转载 2024-05-30 23:22:49
2360阅读
使用选择器的目的是为了实现对HTML页面中的元素进行一对一、一对多或者多对一的控制。一、元素选择器元素选择器又称为类型选择器、element选择器、标签选择器。元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。eg:div、body等。用法:改变某个元素的默认样式时,可使用类型选择器。eg:改变文档所有p段落默认样式。当统一文档某个元素的显示效果时,可使用类型选择器。eg
1、input 默认的 type 为 radio的样式,在具体场合中的改造默认的样式这样:但是我要这样的:这样看来是不是比原来的好看多了。2、优化radio的样式                  {{val}} 这个是vue的一个例子,点击一个元素给它追加一个class。当然这个不是重点,重点是 红色部分,我们需要对红色部分进行css描述。  .select-wrapper {     disp
css
原创 2021-05-13 21:31:39
1242阅读
...
转载 2021-10-08 14:32:00
270阅读
2评论
一、什么是Layui?简单的来说就是一个ui框架,如今在各大框架横行的情况下,layui还有必要去学习吗?看你个人,想学就学,不想学就拉倒。 让我们来重温一下layui的官网,其实总的来说现在的话,我们只需要搞懂layui的弹窗,表单,以及表格,其实就已经够用了,像按钮的话其实就是一个button加上 layui-btn这种class属性。1.1 Layui 表单首先提及到layui的一系列方法事
ElementUI的默认主题色是鲜艳、友好的蓝色,但是往往不能满足定制化的需求,我们在项目中,可能需要修改组件库默认的颜色,那么,该怎么操作呢?首先,确定你的vue项目中有没有安装scssimage项目中引入了scss时:ElementUI的样式是使用scss编写的,所以主题色其实就是scss的一个变量,那么在你引入ElementUI样式之前,重新定义这个主题色变量就OK了新建一个样式文件,例如
项目需求 后台表单是前台自建的 控件自然也要自建 自然就有各种选项其中选择框 就有单选多选选项 项目使用的element-ui 自然就用的el-select由于数据库并没有类似数组的字段 选择框使用varchar 而el-select多选时却需要使用数组 所以在编辑时 需要将值转成数组再赋值给el-select的value <template> <el-select
转载 2024-07-04 21:11:33
588阅读
修改样式的方法官网上面介绍了几种方法;当然还有其他的方法,比如: 直接在标签上面采用行内式;在组件中的style里面添加样式;引入.scss文件(注意:如果是公用样式最好在index.scss一起引用,然后在main.js中进行调用;如果使用该样式的组件不多,就按需引入,不要引入其他不必要的scss文件)注:这儿的优先级是: [行内的样式>组件中'style'里面的样式>引入的
转载 2024-04-03 19:28:29
167阅读
ElementUI的默认主题色是鲜艳、友好的蓝色,但是往往不能满足定制化的需求,我们在项目中,可能需要修改组件库默认的颜色,那么,该怎么操作呢?首先,确定你的vue项目中有没有安装scss 项目中引入了scss时:ElementUI的样式是使用scss编写的,所以主题色其实就是scss的一个变量,那么在你引入ElementUI样式之前,重新定义这个主题色变量就OK了
一、修改ElementUI 样式的几种方式1.新建全局样式表新建 global.css 文件,并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下,在 main.js 的引用写法如下:import "./assets/style/global.css"在 global.css 文件中写的样式,无论在哪一个 vu
转载 2024-03-26 21:20:15
484阅读
html纯CSS3实现自定义美化复选框和单选框 Checkbox Small Checkbox Big ...
原创 2021-08-05 16:16:18
786阅读
目录一、创建覆盖ElementUI样式的文件二、在项目入口文件中引入上记文件三、覆盖ElementUI的样式变量四、如何修改变量以外的样式五、既然可以直接修改样式,为什么还要覆盖变量 大家好 在Element官网中,提供了四种方法来对样式进行自定义:主题编辑器仅替换主题色在项目中改变SCSS变量命令行主题工具 本文将按照官网的描述,介绍如何在使用了SCSS的项目中,通
转载 2024-04-14 22:08:06
268阅读
一、多选框单选<el-table :data="items" ref="multipleTable" @select-all="onSelectAll" @selection-change="selectItem" @row-click="onSelectOp" > <el
转载 2024-02-08 03:47:25
471阅读
明白何谓Margin Collapse不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:.square { width: 80px; height: 80px; } .red { background-color: #F44336;
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-...
转载 2016-07-20 20:19:00
83阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5