jifuning
/
yangchangwan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <style>
    	html,body{
			background: transparent;
			-webkit-touch-callout: none;
			font-family: Tahoma, Geneva, sans-serif;
			font-style: normal;
      margin: 0;
		}
		#dialog{
			background-color: #fff;
			position: absolute; margin: auto;
			left: 0; right: 0; top: -150px; bottom: 0;
			width: 260px; height: 290px;
			opacity: 0;
      text-align: center;
      padding: 20px 0;
      box-sizing: border-box;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		#dialog.in{
			opacity: 1;
		}
    .name{
      font-size: 25px;
      color: #000;
      /*font-weight: bold;*/
    }
    .head{
      width: 90px;
      height: 90px;
      border-radius: 50%;
    }
    .del{
      color: #bdc3c7;
      font-size: 16px;
      margin: 5px 0;
    }
    .phone{
      font-size: 20px;
    }
    .call_phone{
      position: absolute;
      bottom: -30px;
      left: 100px;
      width: 60px;
      height: 60px;
      background: url("../../image/mobile_icon.png") no-repeat;
      background-size: cover;
      border-radius: 50%;z-index: 100;
    }
    .close{
      position: absolute;
      top: -8px;
      right: -8px;
      width: 30px;
      height: 30px;
      background: url("../../image/close.png") no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 50%;
      z-index: 100;
    }
    </style>
</head>
<body>
	<div id="dialog">

	</div>
</body>
<script type="text/template" id="personalInfo">
	<img src="{{=it.avatar == 'null'?'http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png':it.avatar}}" class="head">
	<p class="name">{{=it.username}}</p>
	{{?it.id != "" && it.id != undefined}}
		<div onclick="seeDetail('{{=it.id}}')" style="color:#009fe8;margin-top:5px;">查看详情</div>
	{{?}}
	<p class="del">{{=it.delp == 'null'? '无' : it.delp}}</p>
	<p class="phone">{{=it.mobile == 'null'? '无' : it.mobile}}</p>
	<span class="call_phone" tapmode onclick="call_phone()"></span>
	<span class="close" tapmode onclick="api.closeFrame()"></span>
</script>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/doT.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript">
	$api.addCls(dialog,'in');
	apiready = function(){
			var obj = {username,mobile,avatar,delp,id} = api.pageParam
			$apis.html(dialog,'#personalInfo',obj);
	};
	// 查看详情
	function seeDetail(id) {
		$event.openPopup('auto','auto','personalInfo',{id})
	}
	// 拨打电话
	function call_phone() {
		if ($api.html($api.dom('.phone')) == "无") {
			api.alert({
			    title: '提示',
			    msg: '暂无手机号',
			});
		}else {
			api.call({
			    type: 'tel_prompt',
			    number: $api.html($api.dom('.phone'))
			});
		}
	}
</script>
</html>