Cell

基础渲染

我是标题

描述文字

我是标题

是否设置为默认地址

<template>
  <div>
    <d-cell label="我是标题" desc="描述文字" left-icon="clock" right-icon="arrow_right" @click="handleClick"/>
    <d-cell label="我是标题" desc="描述文字" right-icon="arrow_right" @click="handleClick">
      <input slot="desc" type="text" placeholder="请输入名字">
    </d-cell>
    <d-cell label="是否设置为默认地址" desc="描述文字" @click="handleClick">
      <d-switch slot="desc" />
    </d-cell>
  </div>
</template>

<script>
  export default {
    methods: {
      handleClick() {
        alert('hello');
      },
    },
  };
</script>

<style scoped>
  input {
    outline: none;
    padding: 0;
    width: 100%;
    height: 22px;
    border: none;
    font-size: 15px;
    line-height: 1;
  }
</style>

API

属性

名称	说明	类型	默认值
label	单元格标题	string
subTitle	单元格副标题	string
leftIcon	左侧图标名称 name="clock"，支持插槽	string
rightIcon	右侧图标名称 name="setting"，支持插槽	string
desc	右侧内容	string
bgColor	单元格背景色	string	#fff
border	是否显示内边框	boolean	true

插槽

无

事件

无

贡献者

无