Element
文章平均质量分 86
秃如其来的秃头
种一棵树最佳时间是十年前,其次是现在!
如果一直躲在舒适区,最终一定会进入恐慌区。
展开
-
element scss mixin BEM 实现
element scss 学习element scss 文件源码目录 element/tree/dev/packages/theme-chalk在theme-chalk/src/mixins/config.scss中,有对 element-ui的基础命名$namespace: 'el'; //前缀名$element-separator: '__'; //子元素连接符$modifier-separator: '--'; //块样式状态连接符$state-prefix: 'is-';原创 2020-12-09 09:19:22 · 989 阅读 · 0 评论 -
Element-UI radio、radio-group、radio-button 单选框源码
Element-UI radio 单选框源码radio模板部分:<template> <label //label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 class="el-radio" :class="[ border && radioSize ? 'el-radio--' +原创 2020-11-06 23:54:58 · 1365 阅读 · 0 评论 -
Element-UI Container 布局容器源码
Element-UI Container 布局容器源码用于布局的容器组件,方便快速搭建页面的基本结构:<el-container>:外层容器。当子元素中包含 <el-header> 或 <el-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。<el-header>:顶栏容器。<el-aside>:侧边栏容器。<el-main>:主要区域容器。<el-footer>:底栏容器。以上组件采用了原创 2020-11-04 00:27:58 · 1128 阅读 · 1 评论 -
ElementUI源码学习 - Layout布局(row 、col)
ElementUI源码学习 - Layout布局(row 、col)row.js该组件不同于 button组件,是一个js文件,使用的是render方法export default { name: 'ElRow', //组件名字,作用在 button 组件中,已经说明了 componentName: 'ElRow', //这个在 col 组件中判断 是否为 col 的父组件,从而给 gutter 间隔 props: { tag: { //自定义元素标签, tag 在 render原创 2020-10-30 23:42:46 · 1854 阅读 · 0 评论 -
ElementUI源码学习 - Button
ElementUI源码学习 - Button.vue文件学习button.vue<template> <button class="el-button" @click="handleClick" //向父级传递事件 :disabled="buttonDisabled || loading" //当disabled 和 loading 状态下,都无法点击 :autofocus="autofocus" // 自动focus :type="n原创 2020-10-29 22:22:23 · 661 阅读 · 0 评论 -
项目中elementUI的dialog遇到的小bug 点击遮罩层不会关闭
项目中elementUI的dialog遇到的小bug 点击遮罩层不会关闭bug : 点击项目中elementUI的dialog遇到的小bug 点击遮罩层不会关闭bug 原因: 因为自己在 dialog 加了样式,导致其不能正常关闭,解决办法:将自己样式删除,采用下面的居中样式(因为能满足我的需求了)饿了么UI框架中的说明:将center设置为true即可使标题和底部居中。center仅影...原创 2019-11-26 17:10:30 · 4320 阅读 · 0 评论