import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'app-demo-popover',
  template: `
    <div style="margin: 150px 300px;border: 1px solid #ccc;">
      <div dcPopover [options]="dataOptions">我是带提示1的我是带提示1的</div>
    </div>
  `,
  styles: [`
  `]
})
export class DemoPopoverComponent implements OnInit {
  constructor() {
  }
  dataOptions = {
    width: '280px', // 可选 宽度
    space: '20px',  // 可选 到文字距离 默认是 10
    left: '0px',  // 可选 距离文字左边距离  默认是 0
    offset: 'down', // 显示位置 默认下边：down  上方显示是：up  左侧：left  右侧：right
    text: '纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文纯文本内容纯文本内容纯文', // 可选，显示文本 ，有text时按照text显示，无text时按照data数据显示
    // data: [
    //   {
    //     key: '姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名',
    //     value: '张海涛'
    //   }, {
    //     key: '电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话',
    //     value: 15010741234
    //   }, {
    //     key: '所属部门',
    //     value: '中移在线职能部门IT系统部'
    //   }
    // ]// 可选，按照键值对显示内容
  };
  ngOnInit() {
  }
}