mirror of
				https://gitee.com/vant-contrib/vant.git
				synced 2025-10-31 11:32:09 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			37 lines
		
	
	
		
			643 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			37 lines
		
	
	
		
			643 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">
 | |
| .van-doc-container {
 | |
|   box-sizing: border-box;
 | |
|   padding-left: var(--van-doc-nav-width);
 | |
|   overflow: hidden;
 | |
| 
 | |
|   &--with-simulator {
 | |
|     padding-right: calc(
 | |
|       var(--van-doc-simulator-width) + var(--van-doc-padding)
 | |
|     );
 | |
| 
 | |
|     @media (max-width: 1100px) {
 | |
|       padding-right: calc(var(--van-doc-simulator-width) - 8px);
 | |
|     }
 | |
|   }
 | |
| }
 | |
| </style>
 |