当前位置: 首页 > 文档资料 > VUX 中文文档 >

CellBox 组件使用教程

优质
小牛编辑
131浏览
2023-12-01

安装

import { CellBox } from 'vux'

export default {
  components: {
    CellBox
  }
}
// 在入口文件全局引入

import Vue from 'vue'
import { CellBox } from 'vux'

Vue.component('cell-box', CellBox)
  <group>
    <cell-box is-link>
      <!-- anything -->
    </cell-box>
  </group>

::: tip 与cell相比,cell-box更自由和灵活,只提供is-linklink属性,内容直接使用默认slot定义。
cell-box同样只能在Group中使用 :::

属性

名字类型默认值说明版本要求
is-linkbooleanfalse是否为链接,如果是,右侧将会出现指引点击的右箭头--
linkstring
object
点击链接,可以为http(s)协议,也可以是 vue-router 支持的地址形式--
border-intentbooleantrue是否显示边框与左边的间隙v2.2.1-rc.1
align-itemsstringcenterflex 布局 align-items 设置v2.6.5

插槽

名字说明版本要求
默认插槽内容区域--