- 博客(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
1591
原创 vue实现分页功能之最详细篇(一)
vue实现一个简单的分页功能记录一下vue学习之前看过别人文章,只是一个分页样式,这样对像我这种初学者来说帮助几乎为零,所以我这里写了一个完整的分页,希望可以帮助像我一样的初学者这是一个带有数据的完整分页功能,但缺点是页数过多会造成分页区放不下显示页码,不过别急,下一篇解决这个问题保姆级代码,复制直接就能用,话不多说,上代码.nav{width: 550px;height: 30px;background-color: pink;display: flex;align-items: cent
2021-05-22 15:55:47
10150
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
216
原创 一个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
147
原创 模拟支付成功返回首页倒计时
记录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>
2021-05-17 23:25:46
298
原创 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
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人