update 优化 分页组件样式 pagination更换成flex布局
This commit is contained in:
		| @ -162,10 +162,6 @@ aside { | |||||||
|   position: relative; |   position: relative; | ||||||
| } | } | ||||||
|  |  | ||||||
| .pagination-container { |  | ||||||
|   margin-top: 30px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .text-center { | .text-center { | ||||||
|   text-align: center; |   text-align: center; | ||||||
| } | } | ||||||
|  | |||||||
| @ -116,10 +116,9 @@ h6 { | |||||||
|  |  | ||||||
| /** 表格布局 **/ | /** 表格布局 **/ | ||||||
| .pagination-container { | .pagination-container { | ||||||
|   // position: relative; |   display: flex; | ||||||
|   height: 25px; |   justify-content: flex-end; | ||||||
|   margin-bottom: 10px; |   margin-top: 20px; | ||||||
|   margin-top: 15px; |  | ||||||
|   padding: 10px 20px !important; |   padding: 10px 20px !important; | ||||||
| } | } | ||||||
|  |  | ||||||
| @ -132,11 +131,6 @@ h6 { | |||||||
|   width: 100%; |   width: 100%; | ||||||
| } | } | ||||||
|  |  | ||||||
| .pagination-container .el-pagination { |  | ||||||
|   //right: 0; |  | ||||||
|   //position: absolute; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| @media (max-width: 768px) { | @media (max-width: 768px) { | ||||||
|   .pagination-container .el-pagination > .el-pagination__jump { |   .pagination-container .el-pagination > .el-pagination__jump { | ||||||
|     display: none !important; |     display: none !important; | ||||||
|  | |||||||
| @ -77,7 +77,6 @@ function handleCurrentChange(val: number) { | |||||||
|  |  | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
| .pagination-container { | .pagination-container { | ||||||
|   padding: 32px 16px; |  | ||||||
|   .el-pagination { |   .el-pagination { | ||||||
|     float: v-bind(float); |     float: v-bind(float); | ||||||
|   } |   } | ||||||
|  | |||||||
		Reference in New Issue
	
	Block a user
	 疯狂的狮子Li
					疯狂的狮子Li