当前位置:网站首页>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
边栏推荐
- Python基础数据类型——tuple浅析
- 每个前端工程师都应该懂的前端性能优化总结:
- 如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能
- use Asponse.Words Working with word templates
- 前端都应懂的入门基础-github基础
- It's so embarrassing, fans broke ten thousand, used for a year!
- 一篇文章带你了解SVG 渐变知识
- 一篇文章教会你使用Python网络爬虫下载酷狗音乐
- ES6学习笔记(五):轻松了解ES6的内置扩展对象
- I think it is necessary to write a general idempotent component
猜你喜欢
带你学习ES5中新增的方法
Lane change detection
Cglib 如何实现多重代理?
每个大火的“线上狼人杀”平台,都离不开这个新功能
Individual annual work summary and 2019 work plan (Internet)
FastThreadLocal 是什么鬼?吊打 ThreadLocal 的存在!!
前端未來趨勢之原生API:Web Components
Wow, elasticsearch multi field weight sorting can play like this
零基础打造一款属于自己的网页搜索引擎
Python download module to accelerate the implementation of recording
随机推荐
Introduction to quantitative investment and Trading (Python introduction to financial analysis)
Wow, elasticsearch multi field weight sorting can play like this
Vue.js Mobile end left slide delete component
use Asponse.Words Working with word templates
FastThreadLocal 是什么鬼?吊打 ThreadLocal 的存在!!
Discussion on the development practice of aspnetcore, a cross platform framework
Named entity recognition in natural language processing: tanford core LP ner (1)
React design pattern: in depth understanding of react & Redux principle
教你轻松搞懂vue-codemirror的基本用法:主要实现代码编辑、验证提示、代码格式化
[C / C + + 1] clion configuration and running C language
Wechat applet: prevent multiple click jump (function throttling)
After reading this article, I understand a lot of webpack scaffolding
Filecoin主网上线以来Filecoin矿机扇区密封到底是什么意思
Summary of common algorithms of linked list
2019年的一个小目标,成为csdn的博客专家,纪念一下
Azure data factory (3) integrate azure Devops to realize CI / CD
How to demote domain controllers and later in Windows Server 2012
Interpretation of Cocos creator source code: engine start and main loop
Music generation through deep neural network
每个大火的“线上狼人杀”平台,都离不开这个新功能