当前位置:网站首页>html+ vue.js Implementing paging compatible IE
html+ vue.js Implementing paging compatible IE
2020-11-06 21:07:00 【itread01】
1. Make it simple CSS, The code here is folded
[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}} Strip / Page
版权声明
本文为[itread01]所创,转载请带上原文链接,感谢
边栏推荐
- ORA-02292: 违反完整约束条件 (MIDBJDEV2.SYS_C0020757) - 已找到子记录
- This project allows you to quickly learn about a programming language in a few minutes
- Share with Lianyun: is IPFs / filecoin worth investing in?
- Ronglian completed US $125 million f round financing
- Isn't data product just a report? absolutely wrong! There are university questions in this category
- Multi robot market share solution
- The legality of IPFs / filecoin: protecting personal privacy from disclosure
- Metersphere developer's Manual
- mongo 用户权限 登录指令
- 2020-08-29:进程线程的区别,除了包含关系之外的一些区别,底层详细信息?
猜你喜欢
行为型模式之备忘录模式
大数据处理黑科技:揭秘PB级数仓GaussDB(DWS) 并行计算技术
代码生成器插件与Creator预制体文件解析
Use modelarts quickly, zero base white can also play AI!
The method of realizing high SLO on large scale kubernetes cluster
StickEngine-架构12-通信协议
From overseas to China, rancher wants to do research on container cloud market
How to turn data into assets? Attracting data scientists
With this artifact, quickly say goodbye to spam messages
An article will introduce you to CSS3 background knowledge
随机推荐
大数据处理黑科技:揭秘PB级数仓GaussDB(DWS) 并行计算技术
Summary of front-end performance optimization that every front-end engineer should understand:
GitHub: the foundation of the front end
Elasticsearch Part 6: aggregate statistical query
Swagger 3.0 brushes the screen every day. Does it really smell good?
如何对数据库账号权限进行精细化管理?
JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
2020-09-03:裸写算法:回形矩阵遍历。
Top 5 Chinese cloud manufacturers in 2018: Alibaba cloud, Tencent cloud, AWS, telecom, Unicom
An article will introduce you to HTML tables and their main attributes
Get twice the result with half the effort: automation without cabinet
Pn8162 20W PD fast charging chip, PD fast charging charger scheme
Using an example to understand the underlying processing mechanism of JS function
面试官: ShardingSphere 学一下吧
代码重构之法——方法重构分析
What are PLC Analog input and digital input
Outsourcing is really difficult. As an outsourcer, I can't help sighing.
Behind the record breaking Q2 revenue of Alibaba cloud, the cloud opening mode is reshaping
MongoDB与SQL常用语法对应表
2020年第四届中国 BIM (数字建造)经理高峰论坛即将在杭举办