37 lines
630 B
Vue

<template>
<div
class="van-doc-container van-doc-row"
:class="{ 'van-doc-container--with-simulator': hasSimulator }"
>
<slot />
</div>
</template>
<script>
export default {
name: 'VanDocContainer',
props: {
hasSimulator: Boolean,
},
};
</script>
<style lang="less">
@import '../../common/style/var';
.van-doc-container {
box-sizing: border-box;
padding-left: @van-doc-nav-width;
overflow: hidden;
&--with-simulator {
padding-right: @van-doc-simulator-width + @van-doc-padding;
@media (max-width: 1100px) {
padding-right: @van-doc-simulator-width - 8px;
}
}
}
</style>