mirror of
				https://github.com/pure-admin/vue-pure-admin.git
				synced 2025-11-03 13:44:47 +08:00 
			
		
		
		
	feat: 封装 element-plus 的 el-col 组件
				
					
				
			This commit is contained in:
		
							parent
							
								
									7957dc2c18
								
							
						
					
					
						commit
						b2d06d2b3b
					
				
							
								
								
									
										29
									
								
								src/components/ReCol/index.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								src/components/ReCol/index.ts
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,29 @@
 | 
			
		||||
import { ElCol } from "element-plus";
 | 
			
		||||
import { h, defineComponent } from "vue";
 | 
			
		||||
 | 
			
		||||
// 封装element-plus的el-col组件
 | 
			
		||||
export default defineComponent({
 | 
			
		||||
  name: "ReCol",
 | 
			
		||||
  props: {
 | 
			
		||||
    value: {
 | 
			
		||||
      type: Number,
 | 
			
		||||
      default: 24
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  render() {
 | 
			
		||||
    const attrs = this.$attrs;
 | 
			
		||||
    const val = this.value;
 | 
			
		||||
    return h(
 | 
			
		||||
      ElCol,
 | 
			
		||||
      {
 | 
			
		||||
        xs: val,
 | 
			
		||||
        sm: val,
 | 
			
		||||
        md: val,
 | 
			
		||||
        lg: val,
 | 
			
		||||
        xl: val,
 | 
			
		||||
        ...attrs
 | 
			
		||||
      },
 | 
			
		||||
      { default: () => this.$slots.default() }
 | 
			
		||||
    );
 | 
			
		||||
  }
 | 
			
		||||
});
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user