
CSS
前端攻城狮·左大
Talk is cheap,show you the code
展开
-
h5添加水印
此的水印结构为工号-姓名-yyyy/mm-dd HH:MM原创 2022-11-01 16:59:31 · 1304 阅读 · 2 评论 -
循环动态渲染img标签
原创 2022-09-22 19:21:04 · 529 阅读 · 0 评论 -
动态控制样式-高亮
now为变量 通过click事件传递index改变now的值 三元判断动态控制样式即可原创 2022-09-21 17:17:22 · 192 阅读 · 0 评论 -
在vue中怎么动态控制样式
三元判断法 通过isGZ变量控制动态样式原创 2022-09-21 17:10:17 · 445 阅读 · 0 评论 -
Element el-form根据选择条件动态控制表单必填项
Element el-form根据选择条件动态控制表单必填项原创 2022-01-12 12:00:20 · 3624 阅读 · 1 评论 -
css文本超出自动换行超出3行字段显示省略号 百试百灵
css文本超出自动换行 省略号显示原创 2022-01-06 11:49:08 · 1305 阅读 · 0 评论 -
修改element-ui中的表格el-table滚动条样式
单独样式的修改: // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; height: 6px; } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }全局样式修改//滚动.原创 2021-12-31 11:34:35 · 815 阅读 · 0 评论 -
复选框变单选 简单操作
当你的复选框辛辛苦苦做好时 你亲爱的产品大大说要改成单选。。。。。快速方法1.隐藏调全选按钮 通过display:none注意加个单独样式 不然所有的勾选按钮都会被隐藏.more_btn thead .el-table-column--selection .cell { display: none;}2.接下来处理单选利原创 2021-10-12 09:57:38 · 1399 阅读 · 0 评论 -
强制缩进换行word-break: break-all
列表高度自适应 由内容撑开加默认选择标志 撑开文本关键属性原创 2021-09-17 18:09:45 · 320 阅读 · 0 评论 -
Flex布局 各个属性的应用
面试被问到 你和我说一下Flex布局中的各个属性我嘞个去 那么多 我也不常用 怎么会记得 只记得justify-content和align-items回来和老大吐槽 没想到老大说他也这么面 这不摧残人么身为Web前端攻城狮岂能被小小flex卡了脖子?下定决心 血洗一波Flex容器的一些常用属性flex-directionflex-wrapflew-flowjustify-contentalign-itemsalign-contentflex-direction4个属性设置盒子主原创 2021-09-01 18:41:00 · 237 阅读 · 0 评论 -
Vue v-if 与v-show的区别
v-if当v-if条件为false时 包含v-if的元素不会存在dom上v-show当v-show条件为false时 包含v-show的元素会存在dom上 通过display:none隐藏元素so 在我们开发时 如果是频繁要显示与隐藏的元素 用v-show 节省dom性能开销如果切换频率不是很高用v-if个人习惯在开发过程中使用v-if比较多因为好多大段dom元素是通过后端返回的数据来判断dom要不要显示与隐藏 来渲染页面ok 今天的小记录就到这。。。。。(今天有时间来总结的原因是今天原创 2021-07-22 16:57:02 · 123 阅读 · 0 评论 -
vue字符串逗号切割并换行弹框展示
<el-dialog title="错误消息" :visible.sync="errorDialogVisible" width="30%" center> <span>导入积分发放账号报错了! 报错信息如下:</span> <div id="text" v-html="errorInfo"></div> <textarea id="input">这是幕后黑手</textarea>...原创 2021-07-20 16:43:12 · 2583 阅读 · 0 评论 -
基于element-ui电商管理后台系统项目总结
1.菜单高亮用到element-ui里面的default-active此属性规定 定义哪一个路径那个菜单栏就高亮显示 那么我们可以点击菜单栏的时候 拿到路径放到sessionStorage缓存中 在每次页面初始化的时候赋值回去1. <el-menu background-color="#333744" text-color="#fff" active-text-color="#3594fa" unique-o原创 2021-07-15 10:04:32 · 922 阅读 · 0 评论 -
盒模型
标准盒模型标准和模型的width和height代指content的宽和高 并非是盒子的真实宽高因为盒子的大小是由content,padding,border三部分组成 再加上margin确定盒子在页面中的位置其实我们常用的还是标准和模型 也就是box-sizing中的content-box 指的是 width和height是content的宽高并不是盒子的宽高So我们在给盒子加border或是padding的时候盒子会被撑大 要想保持盒子原本的大小还得去重新计算content的width he原创 2021-04-25 16:24:40 · 421 阅读 · 5 评论 -
盒居中
盒居中这种需求在项目众是非常常见的,之前一直用的都是老方法三种定位,之后随着cs3的兴起display:flax是非常方便的一种方法也是用的最多的一种,特别是在移动应用开发的时候来实现,特别强大 之后有一段时间看优快云的时候发现display:table-cell也特别实用但是不常见 我感觉还不错就记下了 下面我就整理一下盒居中的几种方法 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210406120019110.png?x-oss-pro...原创 2021-04-20 17:24:48 · 418 阅读 · 0 评论