页面容器参数改变

Former-commit-id: 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly d9f7b6d61f9bca4dd01d9bdeaa3e05689a4c957b [formerly 685176322dd7a7c07d9adc1afe718ac8769c6e2b]]]]]
Former-commit-id: 88308a03ec90c920658d225ca92d3d44329ae488
Former-commit-id: 658fe4466da6dfac5fca7f4d4f587300c297a6f4
Former-commit-id: e2f583b6a7c845b26d5713ab54427c1a30eae7c0 [formerly 7f060c7800831c725cce856ac0b97e64e8dc7df3]
Former-commit-id: b4a0e21cd492e0c91637c94e9ab9cbf7e896c52d
Former-commit-id: 52a1a9c80a6951a0341fbfe6ca6c748dae876747
Former-commit-id: 508b9083504c48c021f3664bd2f398aacce556f3
Former-commit-id: 5885f81448c937e04528c45ea8bd74f72dac37a9
Former-commit-id: e0337459e2f83705c4cf519840fd9532ed2a43e0
This commit is contained in:
liyang
2018-07-18 08:30:51 +08:00
parent 04f9ef1a19
commit 1f313f18cd
108 changed files with 142 additions and 161 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="container-component" :class="{responsive}" ref="container">
<div class="container-component" ref="container">
<!-- [card] 卡片容器 -->
<el-card v-if="type === 'card'" shadow="never" class="d2-container-card d2-mr">
<slot v-if="$slots.header" name="header" slot="header"/>
@@ -40,19 +40,13 @@ export default {
type: {
type: String,
required: false,
default: 'card'
default: 'full'
},
// 滚动优化
scroll: {
type: Boolean,
required: false,
default: false
},
// 是否开启响应式尺寸变化
responsive: {
type: Boolean,
required: false,
default: false
}
},
components: {
@@ -92,24 +86,3 @@ export default {
}
}
</script>
<style lang="scss" scoped>
@import '~@/assets/style/public.scss';
@media (min-width: 576px) {
// 根据你的需要在这里添加样式
}
@media (min-width: 768px) {
// 根据你的需要在这里添加样式
}
@media (min-width: 992px) {
// 根据你的需要在这里添加样式
}
// 在大于1920分辨率的时候
@media (min-width: 1921px) {
.container-component.responsive {
margin: 0px auto;
margin-bottom: 20px;
max-width: 1920px - 200px;
}
}
</style>