CellBox 组件使用教程
优质
小牛编辑
138浏览
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-link
和link
属性,内容直接使用默认slot定义。cell-box
同样只能在Group
中使用 :::
属性
名字 | 类型 | 默认值 | 说明 | 版本要求 |
is-link | boolean | false | 是否为链接,如果是,右侧将会出现指引点击的右箭头 | -- |
link | string object | 点击链接,可以为http(s)协议,也可以是 vue-router 支持的地址形式 | -- | |
border-intent | boolean | true | 是否显示边框与左边的间隙 | v2.2.1-rc.1 |
align-items | string | center | flex 布局 align-items 设置 | v2.6.5 |
插槽
名字 | 说明 | 版本要求 |
默认插槽 | 内容区域 | -- |