grid

Grid 宫格,结合grid-item使用

组件结构

  1. <template>
  2. <viewclass="tui-grids" :class="{'tui-border-top':unlined}">
  3. <slot></slot>
  4. </view>
  5. </template>

组件脚本

  1. <script>
  2. exportdefault{
  3. name:"tuiGrid",
  4. props:{
  5. //是否去掉上线条
  6. unlined:{
  7. type:Boolean,
  8. default:false
  9. }
  10. }
  11. }
  12. </script>

组件样式

... 此处省略n行

脚本说明

 props: 
     "unlined" : 是否去掉上线条,类型:"Boolean",默认值:false

 methods:
   无

示例

... 此处省略n行,下载源码查看

footer icon