Lan Contact

lan-contact 联系人

介绍

用于修改/添加联系人

使用方法

import "../../components/lan-contact/lan-contact.stml";

例子

    <lan-contact 
        onsave="save" 
        id="1" 
        ondel="del"
    />
    save(e){
        console.log(JSON.stringify(e.detail));
    },
    del(e){
        console.log(JSON.stringify(e.detail));
    }

props 属性

参数 说明 类型 默认值
id 唯一标识,必填 String -
btnSaveStyle 提交按钮自定义,选填 Object {backgroundColor: 'crimson',color: '#fff',fontSize: '22px'}
btnDelStyle 删除按钮自定义,选填 Object {backgroundColor: '#fff',color: '#333',fontSize: '22px'}
switchColor 默认按钮自定义,选填 String #17abe3
switchStatus 默认按钮默认装填 Boolean true

events 事件

事件名 说明 回调参数
save 点击保存按钮时触发 返回联系人、电话、默认按钮状态
del 点击删除按钮时触发 返回ID,操作类型

参数示例


    /**save事件返回值*/
    {
        "uname":"",
        "tel":"",
        "switchStatus":true
    }
    /**del事件返回值*/
    {
        "id":"1",
        "msg":"删除联系人"
    }