css
Cdlblbq
明天的你,一定会感谢今天努力的你!
展开
-
css设置特别的样式(持续更新)
代码】css设置特别的样式(持续更新)原创 2022-07-25 14:03:05 · 150 阅读 · 3 评论 -
优惠卷样式代码编写
效果图:原创 2021-06-17 11:49:02 · 1409 阅读 · 1 评论 -
使用element-ui中的table修改鼠标经过或悬停行时颜色修改
第一种:.el-table--enable-row-hover .el-table__body tr:hover>td{background-color: #c6cfdf !important;}第二种:.el-table__body tr:hover>td{background-color: #c6cfdf!important;}.el-table__body tr.current-row>td{background-color: #c6原创 2021-02-25 10:38:02 · 16782 阅读 · 9 评论 -
设置n行文字之后超出隐藏
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-line-clamp: n; 将 n 改为你想要的行数原创 2020-12-27 11:24:41 · 88 阅读 · 0 评论 -
vue中设置移动的盒子
首先创建一个drag.js文件,然后将一下代码复制粘贴其中import Vue from 'vue';//使用Vue.directive()定义一个全局指令//1.参数一:指令的名称,定义时指令前面不需要写v-//2.参数二:是一个对象,该对象中有相关的操作函数//3.在调用的时候必须写v-const drag = Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数,只执行一次 //2.每个函数中第一个参数永远是el,表示绑定指令.原创 2020-12-08 10:28:16 · 1042 阅读 · 0 评论 -
鼠标经过时鼠标的样式
CSS控制鼠标通过cursor属性来实现,该属性可以在任何标记中使用,因此,可以改变各种页面元素的鼠标效果。浏览器默认的超连接的鼠标样式,显示为手的形状。在css样式中添加一下代码cursor:pointer;代码如上,如果添加了上述语句,页面中的任何位置鼠标指针都是手的形状。此外,cursor还有很多鼠标指针效果,如下图:不同的操作系统之间还是存在差异的。...原创 2020-12-08 10:20:14 · 981 阅读 · 0 评论 -
vue组件样式穿透 /deep/ ::v-deep >>>
在写一些vue项目时候,经常会引入一些组件。无论是自定义组件还是引入的外部组件。style标签上都有scoped属性。防止影响到其他页面上的样式。但是又是需要在父组件更改自组件的样式。就要用到组件穿透(也叫深度修改css)。可用的方法有 /deep/ ::v-deep >>><style scoped>/*编译前*/// >>>// 如果项目使用的是原生样式css, 那么你可以直接使用 >>> 穿...原创 2020-11-13 08:56:22 · 1775 阅读 · 0 评论 -
CSS奇特的样式
一些常用的css样式总结原创 2020-10-23 10:14:57 · 629 阅读 · 0 评论 -
vue实现多条数据显示并滚动的效果
<divid="box"><divid="con1"ref="con1":class="{anim:animate==true}"@mouseenter="mEnter"@mouseleave="mLeave"><pv-for='(item,index)initems':key="index">{{item.name}}</p></div></div>data(){return...原创 2020-09-15 10:33:53 · 2457 阅读 · 0 评论 -
vue实现单条消息无缝滚动
<template> <div> <div class="textBox"> <transition name="slide"> <p class="text" :key="text.id">{{text.val}}</p> </transition> </div> </div></template> <scri.原创 2020-09-15 09:56:25 · 500 阅读 · 0 评论 -
element中table表格加入拖拽功能
假如表格有父元素,不要给父元素高度,高度让表格自动撑开,这样才能 实现拖拽效果。一、首先在表格中加入一下属性,二、在表格的底部table的同级加上一下代码。<divclass="lineDiv"ref="lineDivOne">点我向上或向下拖动表格</div>三、在data里面定义表格的初始默认高度四、将一下代码放到mounted()生命周期函数中constthat=thisvartableCardOne=t...原创 2020-09-11 11:47:42 · 1659 阅读 · 1 评论 -
flex布局中常用的样式
display:flex常见父项属性:flex-direction:设置主轴方向,默认x轴,row:从左到右,column:从上到下,justify-content: 设置主轴上子元素的排列方式justify-content:center 在主轴居中对齐,justify-content:spaace-around 平分剩余空间justify-content:space-between 先贴两边,在平分剩余空间,flex-wrap: 设置子元素是否换行;flex-wrap:wrap.原创 2020-08-28 10:14:52 · 501 阅读 · 0 评论