![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element ui
文章平均质量分 78
kunyao8536
这个作者很懒,什么都没留下…
展开
-
element源码解析(5) -- Avatar
Avatar头像,functionalprops总共8个属性,分别是尺寸size形状shape图标icon自定义图片src未加载提示alt尺寸设置图片 srcSet错误回调函数error图片object-fit样式属性值size可以为字符串或者数字,如果是字符串的话,那么只可以为大中小size: { type: [Number, String], validator(val) { if (typeof val === 'string')原创 2021-02-14 11:36:33 · 1038 阅读 · 1 评论 -
element源码解析(4) -- 公共样式
element源码解析(4) – 样式mixinsbuttonconfig以BEM进行命名,前缀为el,元素分隔符__模块分割符–状态前缀都为is-$namespace: 'el';$element-separator: '__';$modifier-separator: '--';$state-prefix: 'is-';function选择器转字符串取出头尾@function selectorToString($selector) { $selector: insp原创 2021-02-12 21:40:49 · 710 阅读 · 0 评论 -
element源码解析(3) -- AutocompleteSuggestions
element源码解析(3) – AutocompleteSuggestionstemplate<template> <transition name="el-zoom-in-top" @after-leave="doDestroy"> <div v-show="showPopper" class="el-autocomplete-suggestion el-popper" :class="{ 'is-loading': !p原创 2021-01-25 10:37:22 · 532 阅读 · 0 评论 -
element源码解析(2) -- autocomplete
autocomplete源码解析template一个class:el-inputel-autocomplete-suggestionsvisible-arrow:没见到这个属性发挥作用四个属性:popperClass:scriptpropsdatacomputedwatchmountedmethodsautocomplete中包含三个组件,input和suggestion/el-scrollbartemplate一个class:el-autocomplete:相对定位和行内块;一个自定义指令:原创 2021-01-22 17:06:20 · 4042 阅读 · 2 评论 -
element源码解析(1) -- alert
element源码解析样式class:Slot样式相关属性computedDataMethodsEventsscss说明样式<transition name="el-alert-fade"> <div class="el-alert" :class="[typeClass, center ? 'is-center' : '', 'is-' + effect]" v-show="visible" role="alert" &原创 2021-01-10 16:30:13 · 1177 阅读 · 0 评论