mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-10 12:01:57 +08:00
style of the product information table in mobile mode (#890)
Co-authored-by: elsiosanchez <elsiossanches@gmail.com>
This commit is contained in:
parent
9ceb7eafa1
commit
906ff72abc
@ -18,6 +18,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-main
|
<el-main
|
||||||
v-shortkey="shortsKey"
|
v-shortkey="shortsKey"
|
||||||
|
style="height: 90vh;"
|
||||||
>
|
>
|
||||||
<el-form
|
<el-form
|
||||||
v-shortkey="shortsKey"
|
v-shortkey="shortsKey"
|
||||||
@ -38,7 +39,7 @@
|
|||||||
:data="listWithPrice"
|
:data="listWithPrice"
|
||||||
border
|
border
|
||||||
fit
|
fit
|
||||||
:height="isMobile ? '300' : '550'"
|
class="table-product-info"
|
||||||
highlight-current-row
|
highlight-current-row
|
||||||
@row-click="findlistProductWithRow"
|
@row-click="findlistProductWithRow"
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
@ -420,3 +421,10 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style>
|
||||||
|
.table-product-info {
|
||||||
|
max-height: 80%;
|
||||||
|
min-height: 80%;
|
||||||
|
overflow: auto
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user