当前位置:网站首页>html+vue.js 實現分頁可相容IE
html+vue.js 實現分頁可相容IE
2020-11-06 21:07:00 【itread01】
1.簡單搞一搞 CSS,此處程式碼有摺疊
[v-cloak] {
display: none;
}
#app {
text-align: center;
padding-top: 300px;
height:500px;
}
.pageContainer {
width: 800px;
margin: 100px auto;
text-align: center;
font-size: 14px;
color: #A3A3A3;
}
.pageContainer ul.pagesInner {
height: 30px;
line-height: 30px;
display: inline-block;
padding: 0;
}
.pageContainer ul.pagesInner li {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #E5E5E5;
margin: 0 5px;
list-style: none;
}
.pageContainer ul.pagesInner li.actived {
background: #FF6200;
color: #ffffff;
}
.pageContainer .page-size-box {
position: relative;
display: inline-block;
width: 70px;
border: 1px solid #E5E5E5;
height: 30px;
line-height: 30px;
}
.pageContainer ul.size-option {
display: inline-block;
border: 1px solid #E5E5E5;
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: -120px;
background: #ffffff;
}
.pageContainer ul.size-option li{
list-style: none;
width: 70px;
}
.pageContainer ul.size-option li:hover{
color: #FF6200;
}
.pageContainer form {
display: inline-block;
}
.pageContainer form input,
.pageContainer button {
outline: none;
padding: 0;
width: 46px;
height: 30px;
background: #ffffff;
border: 1px solid #E5E5E5;
color: #A3A3A3;
}
- <
- {{item}}
- >
- {{item}}條/頁
版权声明
本文为[itread01]所创,转载请带上原文链接,感谢
https://www.itread01.com/content/1604667722.html
边栏推荐
- Thoughts on interview of Ali CCO project team
- Linked blocking Queue Analysis of blocking queue
- Jetcache buried some of the operation, you can't accept it
- Python filtering sensitive word records
- 一篇文章带你了解HTML表格及其主要属性介绍
- Unity性能优化整理
- 2019年的一个小目标,成为csdn的博客专家,纪念一下
- 一篇文章带你了解CSS3图片边框
- Analysis of etcd core mechanism
- Pollard's Rho algorithm
猜你喜欢
keras model.compile Loss function and optimizer
Cglib 如何实现多重代理?
Python filtering sensitive word records
Flink的DataSource三部曲之一:直接API
For a while, a dynamic thread pool was created, and the source code was put into GitHub
The road of C + + Learning: from introduction to mastery
一篇文章带你了解CSS 渐变知识
ES6学习笔记(五):轻松了解ES6的内置扩展对象
NLP model Bert: from introduction to mastery (1)
2019年的一个小目标,成为csdn的博客专家,纪念一下
随机推荐
Analysis of query intention recognition
一篇文章带你了解CSS 分页实例
6.5 request to view name translator (in-depth analysis of SSM and project practice)
带你学习ES5中新增的方法
Solve the problem of database insert data garbled in PL / SQL developer
一篇文章带你了解CSS3图片边框
What problems can clean architecture solve? - jbogard
一篇文章带你了解CSS3圆角知识
ES6学习笔记(四):教你轻松搞懂ES6的新增语法
每个大火的“线上狼人杀”平台,都离不开这个新功能
Free patent download tutorial (HowNet, Espacenet)
Python + appium automatic operation wechat is enough
TensorFlow中的Tensor是什么?
这个项目可以让你在几分钟快速了解某个编程语言
仅用六种字符来完成Hello World,你能做到吗?
一篇文章教会你使用HTML5 SVG 标签
给字节的学姐讲如何准备“系统设计面试”
一篇文章带你了解CSS 渐变知识
Did you blog today?
Vue.js Mobile end left slide delete component