摘要: id选择器: #myId{ color: red; } // id选择器 类选择器: .myClass{ color: red; } // 类选择器 标签选择器: p{color: red;} // 标签选择器 选择器优先级: id选择器>类选择器>标签选择器 后代选择器: body p{ back 阅读全文
posted @ 2022-12-05 17:44 富言杰 阅读(31) 评论(0) 推荐(0) 编辑
摘要: beforeCreate://在实例初始化后,事件/监听配置之前使用created://实例创建完成后使用beforeMount://挂载开始之前被调用beforeUpdate://更新之前调用 updated://更新中调用 activated://被keep-alive缓存的组件激活时使用 de 阅读全文
posted @ 2022-12-05 17:44 富言杰 阅读(13) 评论(0) 推荐(0) 编辑
摘要: flex布局 display : flex; // 设置flex布局 flex布局容器中的6种属性: 1.flex-direction 2.flex-warp 3.flex-flow 4.justify-content 5.align-items 6.align-content flex-direc 阅读全文
posted @ 2022-12-05 16:36 富言杰 阅读(53) 评论(0) 推荐(0) 编辑
摘要: el-col组件中添加onclick事件。需要这样写@click.native="方法名" 阅读全文
posted @ 2022-12-05 16:30 富言杰 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1.单行: .div1{ width:100px; overflow: hidden; // 内容会被修减,并且其余内容是不可见 text-overflow: ellipsis; // 显示省略号来代替被修减文本 white-space: nowrap; //文本不换行 } 2.多行: .div2{ 阅读全文
posted @ 2022-12-05 15:30 富言杰 阅读(412) 评论(0) 推荐(0) 编辑
摘要: nth-child(n)用法: 1、nth-child(3) 表示选择列表中的第3个标签,代码如下: li:nth-child(3){background:#fff} 2、nth-child(2n) 表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签,代码如下: li:nth-child( 阅读全文
posted @ 2022-12-05 15:15 富言杰 阅读(31) 评论(0) 推荐(0) 编辑
摘要: <div hs-animate-in-class="animate__animated animate__${下面的动画库}"></div> 阅读全文
posted @ 2022-12-05 14:54 富言杰 阅读(37) 评论(0) 推荐(0) 编辑