jifuning
/
xinxi_zhongxin_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!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: 260px;
			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;
      background: url("../../image/header.png") no-repeat;
      background-size: cover;
      border-radius: 50%;
    }
    .del{
      color: #bdc3c7;
      font-size: 16px;
      margin: 15px 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">
    <span class="head"></span>
    <p class="name"></p>
    <p class="del"></p>
    <p class="phone"></p>
    <span class="call_phone" tapmode onclick="call_phone()"></span>
    <span class="close" tapmode onclick="api.closeFrame()"></span>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/config.js"></script>
<script type="text/javascript">
	$api.addCls(dialog,'in');
	apiready = function(){
		api.parseTapmode();
  		$api.html($api.dom('.name'), api.pageParam.username);
  		$api.html($api.dom('.del'), String(api.pageParam.delp) == 'null'?'无':api.pageParam.delp);
			$api.html($api.dom('.phone'), String(api.pageParam.mobile) == 'null'?'无':api.pageParam.mobile);
			if (String(api.pageParam.avatar) == 'null') {
				$api.css($api.dom('.head'), 'background:url(http://jiewei-icon.oss-cn-beijing.aliyuncs.com/icon/default-avatar.png) no-repeat;background-size:cover');
			}else {
				$api.css($api.dom('.head'), 'background:url('+api.pageParam.avatar+') no-repeat;background-size:cover');
			}
	};
	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>