如下是dialog做出来的效果： 但我希望头部和底部都有border样式，区分开来，查看源代码之后我在style里面这样写了： <style lang="scss" scoped> .el-dialog__header{ border-bottom: 1px solid #e8eaec; } .el ...
分类：
其他好文 时间：
2020-08-04 18:16:07
阅读次数：
305
这篇文章是关于SOLID设计原则的系列文章的一部分（关于D的部分）。你可以从这里开始进行学习，也可以使用下面的链接跳转到相应的页面： S – Single ResponsibilityO – Open/Closed PrincipleL – Liskov Substitution Principle ...
依赖倒置 啥是依赖倒置？依赖倒置是SOLID原则之一，词的字面意思就是将依赖关系的倒置。 其实依赖倒置大家早就会了，这个实际上就是面向接口编程。举个例子，现在电子产品更新换代快，可能没过多久咱们就想换一台电脑玩玩。即使电脑的品牌不同，但我们还是可以正常使用，总不会换个牌子就不会用了吧。 所以如果用代 ...
分类：
其他好文 时间：
2020-07-25 09:38:47
阅读次数：
74
公共文件定义css变量,ie不兼容 /* 使用css变量 */ :root{ --bg-color:#fff; --border:1px solid #f6f4f1; } 内页其他css文件就可以这样套用： .demo{background-color: var(--bg-color); borde ...
分类：
Web程序 时间：
2020-07-22 15:51:45
阅读次数：
68
实例 使用 calc() 函数计算 <div> 元素的宽度: #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; p ...
分类：
其他好文 时间：
2020-07-21 21:49:57
阅读次数：
68
今天就重点讲解这个效果，首先，当有人说你能不能做一个圆形进度条效果出来时，如果是静态完整圆形进度条，那么就很简单了： .circleprogress{ width: 160px; height: 160px; border:20px solid red; border-radius: 50%; } ...
分类：
Web程序 时间：
2020-07-19 16:15:54
阅读次数：
72
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>正确解决高度塌陷</title> <style media="screen"> .box { border: 1px solid; } .f ...
分类：
Web程序 时间：
2020-07-19 16:05:34
阅读次数：
75
<style> div { width: 200px; height: 30px; } input { width: 200px; height: 30px; border: 1px solid #ccc; font-size: 12px; line-height: 24px; } input:ho ...
分类：
移动开发 时间：
2020-07-17 19:28:14
阅读次数：
88
input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizi ...
分类：
Web程序 时间：
2020-07-16 00:24:12
阅读次数：
86
步骤 1 : line-height方式 <style> #d { line-height: 100px; } div{ border:solid 1px lightskyblue; } </style> <div id="d">line-height 适合单独一行垂直居中</div> 步骤 2 : ...
分类：
Web程序 时间：
2020-07-15 23:50:46
阅读次数：
80
