grid

Grid 宫格,结合grid-item使用

组件结构

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

组件脚本

  1. <script>
  2. export default {
  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行,下载源码查看