当前位置:网站首页>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]所创,转载请带上原文链接,感谢
边栏推荐
- Use modelarts quickly, zero base white can also play AI!
- Metersphere developer's Manual
- Can you do it with only six characters?
- Flink's datasource Trilogy: direct API
- What are manufacturing and new automation technologies?
- Tron smart wallet PHP development kit [zero TRX collection]
- 2020-09-04:函数调用约定了解么?
- Even liver three all night, jvm77 high frequency interview questions detailed analysis, this?
- Contract trading system development | construction of smart contract trading platform
- Live broadcast preview | micro service architecture Learning Series live broadcast phase 3
猜你喜欢
StickEngine-架构11-消息队列(MessageQueue)
JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
CCR coin frying robot: the boss of bitcoin digital currency, what you have to know
An article taught you to download cool dog music using Python web crawler
An article takes you to understand CSS gradient knowledge
Summary of front-end interview questions (C, s, s) that front-end engineers need to understand (2)
An article will take you to understand CSS alignment
Zero basis to build a web search engine of its own
Summary of front-end performance optimization that every front-end engineer should understand:
What is the tensor in tensorflow?
随机推荐
Network programming NiO: Bio and NiO
2020-08-30:裸写算法:二叉树两个节点的最近公共祖先。
C語言I部落格作業03
An article taught you to download cool dog music using Python web crawler
What are PLC Analog input and digital input
Asp.Net Core learning notes: Introduction
How to turn data into assets? Attracting data scientists
What are the criteria for selecting a cluster server?
Kubernetes and OAM to build a unified, standardized application management platform knowledge! (Internet disk link attached)
行为型模式之备忘录模式
Application of restful API based on MVC
StickEngine-架构11-消息队列(MessageQueue)
2020-09-09:裸写算法:两个线程轮流打印数字1-100。
nacos、ribbon和feign的簡明教程
JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
游戏开发中的新手引导与事件管理系统
An article will take you to understand CSS3 fillet knowledge
ES中删除索引的mapping字段时应该考虑的点
Why is the LS command stuck when there are too many files?
ado.net和asp.net的关系