Hawthorn-Api

# HtCol 列

HtCol 自定义行组件，基于el-col实现；
Author andy.ten@tom.com & xukaixing@hotmail.com

# 示例

列1 列2 列1 
<template>
   <ht-row :gutter="20"> 
    <ht-col :span="6">
      列1
    </ht-col>
    <ht-col :offset="6" :span="6">
      列2
    </ht-col>
  </ht-row>
   <ht-row>
    <ht-col :span="6">
      列1
    </ht-col>
  </ht-row>
</template>
<script>
export default {
  data() {
    return {
    } 
  }
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Expand Copy

# API

# Col Attributes

参数 说明 类型 可选值 默认值
span 设置col的占用列（一行24列） Number — 24
offset 设置col的偏移 Number — 0
xs 设置手机屏幕大小显示 Number — —
sm 设置手机屏幕大小显示 Number — —
md 设置pad屏幕大小显示 Number — —
lg 设置普通pc屏幕大小显示 Number — —
xl 设置大屏幕大小显示 Number — —
tag 设置渲染的tag标签 String — div
visible 设置是否可见 Boolean true / false true

# 版本

  • v1.0.3

← HtTabs选项卡 →