iboss_wx_app/components/dkbase/dk-cell/dk-cell.js

/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：dkCell组件
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		admin		  	2022-11-17    1.00		   	  新建
 *******************************************************************************/
const common = require('../../../utils/common.js')
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
     * 单元格大小，可选值为 large
     */
    size: {
      type: String,
      value: 'large'
    },
    /**
    * 左侧标题
    */
    title: {
      type: String,
      value: ''
    },
    /**
     * 左侧图标名称或图片链接，可选值见 Icon 组件
     */
    icon: {
      type: String,
      value: ''
    },
    /**
     * 是否使内容垂直居中
     */
    center: {
      type: Boolean,
      value: false
    },
    /**
   * 是否显示下边框
   */
    border: {
      type: Boolean,
      value: true
    },
    /**
   * 是否展示右侧箭头并开启点击反馈
   */
    isLink: {
      type: Boolean,
      value: false
    },
    /**
       * 是否显示表单必填星号
       */
    required: {
      type: Boolean,
      value: false
    },
    /**
       * 是否开启点击反馈
       */
    clickable: {
      type: Boolean,
      value: false
    },
    /**
       * 标题宽度，须包含单位
       */
    titleWidth: {
      type: String,
      value: ''
    },
    /**
     * 右侧内容
     */
    values: {
      type: String,
      value: ''
    },
    /**
     * 标题下方的描述信息
     */
    label: {
      type: String,
      value: ''
    },
    /**
     * 标题样式
     */
    titleStyle: {
      type: String,
      value: ''
    },
    /**
    * 箭头方向，可选值为 left up down
    */
    arrowDirection: {
      type: String,
      value: ''
    },
    /**
       * 是否使用 label slot
       */
    useLabelSlot: {
      type: Boolean,
      value: false
    },
    /**
    * 根节点样式类
    */
    customClass: {
      type: String,
      value: ''
    },
    /**
       * 标题样式类
       */
    titleClass: {
      type: String,
      value: ''
    },
    /**
     * 描述信息样式类
     */
    labelClass: {
      type: String,
      value: ''
    },
    /**
       * 右侧内容样式类
       */
    valueClass: {
      type: String,
      value: ''
    },

    //左右边距
    cellHorizontalPadding: {
      type: String,
      value: '14px'
    },
    //上下边距
    cellVerticalPadding: {
      type: String,
      value: '10px'
    },
    //字体大小
    cellFontSize: {
      type: String,
      value: '12px',
      observer: function (newval) {
        console.log(newval);
      }
    },
    //字體顔色
    cellValueColor:{
      type: String,
      value: '#969799',
    }
  },

  options: {
    multipleSlots: true,//插槽
  },

  /**
   * 组件的初始数据
   */
  data: {
    displayValue: '', 
    style:``,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onClick(e){ 
      this.triggerEvent("click",e)
    }

  },
  /**
    * 组件生命周期
    */
  lifetimes: {
    attached: function () {
      console.log("attached");
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
      console.log("detached");
    },
  },
})