自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 vue实现分页功能之带省略号(二)

带有省略号分页接着上一篇,来说说,页码过多将多余页码隐藏用省略号代替但是有些是不需要省略号的只是隐藏多余的页码即可,这代码中会有注明保姆级代码走起 .nav{width: 550px;height: 30px;background-color: pink;display: flex;align-items: center;} div[class$=Page]{width: 80px; height: 25px;text-align: center;color: black;

2021-05-22 16:12:39 1473

原创 vue实现分页功能之最详细篇(一)

vue实现一个简单的分页功能记录一下vue学习之前看过别人文章,只是一个分页样式,这样对像我这种初学者来说帮助几乎为零,所以我这里写了一个完整的分页,希望可以帮助像我一样的初学者这是一个带有数据的完整分页功能,但缺点是页数过多会造成分页区放不下显示页码,不过别急,下一篇解决这个问题保姆级代码,复制直接就能用,话不多说,上代码.nav{width: 550px;height: 30px;background-color: pink;display: flex;align-items: cent

2021-05-22 15:55:47 9943 2

转载 屏幕随意运动的div

屏幕随意运动的div是根据被人的自己在修改记录一下遇到的问题便以下次查看.ball{ width:80px; height:80px; background-color: pink; position:fixed;}<div class="ball"></div> var oBall = document.querySelector('.ball'), leftNum = 3; //设置小球每次向左运动的像素值 topNum =

2021-05-21 00:00:38 165

原创 一个css图片翻转练习

记录css练习一个css图片翻转练习用到的主要属性是transform和transition属性:transform 向元素应用 2D 或 3D 转换。属性值: translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。属性值:rotateY(angle) 定义沿 Y 轴的 3D 旋转。属性:transition 过渡属性。transition-property 规定过渡效果所针对的 CSS 属性的名称。transition-duration 规定过渡效果要持续多少秒或

2021-05-20 00:53:06 117

原创 模拟支付成功返回首页倒计时

记录JS小练习倒计时页面一<style> *{border: 0;padding: 0;} .box{width: 200px;height: 300px;background-color: #f5f5f5;padding: 10px;} .box div{margin-bottom: 10px;} .box div:nth-child(6) button{margin-right: 40px;} </style><body&gt

2021-05-17 23:25:46 251

原创 2021-03-19自学小白的flex布局笔记

文章目录flex布局总结作用在flex容器上的属性前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结flex布局总结提示:自己做的笔记可能不全面,希望能够指出作用在flex容器上的属性flex-direction:用于控制flex子项整体布局方向取值row:默认水平方向(左——>右);row-reverse:水平方向(右——>左);column:垂直方向(上——>下);column-reverse:垂直方向(下——>上);flex-

2021-03-19 23:10:31 94

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除