银商小程序

UmsCell

属性

属性名 类型 默认值 说明
icon String ums-icon的type,会在条目边上出现对应的图标
title String 标题
subtitle String 副标题
label String 标签
value String 条目右侧的文字
tapEvent Function 绑定点击事件
isLink Boolean false true，则会出现向右的箭头
to String 导航的路径。单页则会调用router.pop() , 多页则调用navigator

slot

属性名 说明
left 左边部分
right 右边部分

示例

<template>
  <div>
    <ums-header title="UmsCell" :right="false" leftPartText="返回" @onLeftPartClick="back"></ums-header>
    <list>
      <!-- <ums-cell :tap-event="test"></ums-cell> -->
      <ums-cell title="title" subtitle="subtitle" value="value" label='label' icon='success'></ums-cell>
      <ums-cell is-link to='./keyboard.js' value="keyboard"></ums-cell>
      <ums-cell is-link to='./button.js' value="button"></ums-cell>
      <ums-cell>
        <text style="padding: 10px" slot="left">这是左边</text>
        <text style="padding: 10px" slot="right">这是右边</text>
      </ums-cell>
    </list>
  </div>
</template>

<script>
  import {UmsCell, UmsHeader} from 'ums-comp'
  export default {
    components: {
      UmsCell,
      UmsHeader
    }
  }
</script>

← UmsInputNumber →