• CellBox
    • 安装
    • 属性
    • 插槽
    • 相关 issue
    • 贡献者
    • 发布日志

    CellBox

    CellBox

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

    cell-box - 图1

    二维码

    cell-box - 图2

    Install

    安装

    局部注册

    全局注册

    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中使用 :::

    API

    属性

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

    插槽

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

    Issues

    相关 issue

    • #1769 Cellbox 组件中的内容无法定义样式

    贡献者

    贡献者

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

    Changelog

    发布日志

    • 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] 新组件