vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# up pagination style

This commit is contained in:
xianfuxing 2018-08-01 20:30:23 +08:00
parent e9c09ac836
commit 48127c3f57
1 changed files with 58 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/counter/count.vue
View File

@ -13,12 +13,12 @@
prop="device_id" prop="device_id"
label="设备ID" label="设备ID"
sortable sortable
min-width="100"> min-width="150">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="signal" prop="signal"
label="信号强度" label="信号强度"
min-width="100"> min-width="80">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
sortable sortable
@ -34,13 +34,13 @@
<el-table-column <el-table-column
prop="coordinate" prop="coordinate"
label="坐标" label="坐标"
min-width="100" min-width="180"
:formatter="formatter"> :formatter="formatter">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="calc_time" prop="calc_time"
label="时间" label="时间"
min-width="100"> min-width="150">
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@ -96,6 +96,21 @@ export default {
<style lang="scss"> <style lang="scss">
.pagination { .pagination {
float: right; float: right;
padding: 20px 50px 0 0; padding: 2rem 0 0 0;
}
@media screen and (max-width: 375px) {
.pagination {
display: flex !important;
justify-content: center;
float: none;
padding: 1rem 0 0 0;
.el-pager li {
height: 1.5rem;
line-height: 1.5rem;
font-size: .5rem !important;
margin: .1rem .1rem !important;
min-width: 1.5rem !important;
}
}
} }
</style> </style>