当前位置:网站首页>el-pagination左右箭头替换成文字上一页和下一页
el-pagination左右箭头替换成文字上一页和下一页
2022-08-05 05:14:00 【xx820702】

<el-pagination background class="pagination"
layout="prev, pager, next"
:total="100"
next-text="下一页" prev-text="上一页">
</el-pagination>
<style scoped lang="scss">
.pagination{
display: flex;
justify-content: center; //居中
margin-top: 20px;
//float: left;居左
//float: right;居右
}
::v-deep .el-pagination.is-background .btn-prev {
background: #ffffff !important;
border: 1px solid #f4f4f5;
width: 70px;
}
::v-deep .el-pagination.is-background .btn-next{
background: #ffffff !important;
border: 1px solid #f4f4f5;
width: 70px;
}
::v-deep .el-pagination.is-background .el-pager li{
color: black;
border: 1px solid #f4f4f5;
}
::v-deep .el-dialog__body{
min-height: 300px;
}
::v-deep .el-dialog{
max-width: 400px;
}
::v-deep .el-dialog__header{
border-bottom: 2px solid #cdcdd1;
font-size: 20px;
position: relative;
display: flex;
align-items: center;
}
::v-deep .el-pagination.is-background .btn-prev, ::v-deep .el-pagination.is-background .btn-next,::v-deep .el-pagination.is-background .el-pager li{
background-color:transparent;
margin:0;
} }
</style>边栏推荐
- BFC(Block Formatting Context)
- js实现数组去重
- The role of the range function
- 机器学习(二) —— 机器学习基础
- HQL语句执行过程
- 周末作业-循环练习题(2)
- LeetCode: 1403. Minimum subsequence in non-increasing order [greedy]
- 【Untitled】
- Do you use tomatoes to supervise your peers?Add my study room, come on together
- [Study Notes Dish Dog Learning C] Classic Written Exam Questions of Dynamic Memory Management
猜你喜欢

"Recursion" recursion concept and typical examples

【NFT网站】教你制作开发NFT预售网站官网Mint作品

Develop a highly fault-tolerant distributed system

【过一下10】sklearn使用记录

【过一下7】全连接神经网络视频第一节的笔记
![[Go through 8] Fully Connected Neural Network Video Notes](/img/0a/8b2510b5536621f402982feb0a01ef.png)
[Go through 8] Fully Connected Neural Network Video Notes

第四讲 反向传播随笔
![[Go through 7] Notes from the first section of the fully connected neural network video](/img/e2/1107171b52fe9dcbf454f7edcdff77.png)
[Go through 7] Notes from the first section of the fully connected neural network video

day10-字符串作业

Error creating bean with name 'configDataContextRefresher' defined in class path resource
随机推荐
周末作业-循环练习题(2)
位运算符与逻辑运算符的区别
【练一下1】糖尿病遗传风险检测挑战赛 【讯飞开放平台】
"Recursion" recursion concept and typical examples
学习总结week3_3迭代器_模块
第5讲 使用pytorch实现线性回归
[Study Notes Dish Dog Learning C] Classic Written Exam Questions of Dynamic Memory Management
vscode+pytorch use experience record (personal record + irregular update)
Multi-threaded query results, add List collection
有用番茄来监督自己的同道中人吗?加一下我的自习室,一起加油
day10-字符串作业
The mall background management system based on Web design and implementation
物理层的接口有哪几个方面的特性?各包含些什么内容?
Matplotlib(三)—— 实践
Flutter real machine running and simulator running
Flex layout frog game clearance strategy
【After a while 6】Machine vision video 【After a while 2 was squeezed out】
Dashboard Display | DataEase Look at China: Data Presents China's Capital Market
flink实例开发-batch批处理实例
【过一下9】卷积