CellBox

demo 原始链接demo 源码编辑文档组件源码

cell-box - 图1

二维码

cell-box - 图2

安装

局部注册

全局注册

  1. import { CellBox } from 'vux'
  2. export default {
  3. components: {
  4. CellBox
  5. }
  6. }

  1. // 在入口文件全局引入
  2. import Vue from 'vue'
  3. import { CellBox } from 'vux'
  4. Vue.component('cell-box', CellBox)
  1. <group>
  2. <cell-box is-link>
  3. <!-- anything -->
  4. </cell-box>
  5. </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

插槽

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

相关 issue

贡献者

该组件(包含文档)迭代次数 13,贡献人数 2airylandQiongrong Jiang

发布日志

  • v2.6.5 [feature] 添加属性 align-items
  • v2.5.5 [change] 移除默认 slot 的父级 div #1769
  • v2.2.1-rc.1 [feature] 支持 prop:border-intent, 用以不显示边框与左边间隙
  • v2.1.1-rc.1 [feature] 新组件