<!DOCTYPE >
|
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>信息弹窗</title>
|
<link rel="stylesheet" type="text/css" href="Font/CSS/font.css">
|
<style>
|
@font-face {
|
font-family: Font2;
|
src: url(./Font/JDLangZT.ttf);
|
}
|
@font-face {
|
font-family: Font1;
|
src: url(./Font/SourceHanSansCN-Normal.otf);
|
}
|
@font-face {
|
font-family: Font3;
|
src: url(./Font/SourceHanSansCN-Regular.otf);
|
}
|
.box {
|
width: 374px;
|
height: 256px;
|
background: url('./UE/img/background.png') no-repeat center;
|
background-size: 100% 100%;
|
padding: 2%;
|
}
|
|
.BoxContent {
|
width: 100%;
|
float: left;
|
}
|
.label1 {
|
font-family: Font1;
|
font-size: 22px;
|
font-weight: 400;
|
line-height: 22px;
|
letter-spacing: 0em;
|
text-align: left;
|
color: white;
|
}
|
.label2 {
|
font-family: Font2;
|
font-size: 27px;
|
font-weight: 400;
|
line-height: 22px;
|
letter-spacing: 0px;
|
text-align: left;
|
color: #00ffcb;
|
}
|
.label3 {
|
font-family: Font1;
|
font-size: 12px;
|
font-weight: 400;
|
line-height: 20px;
|
letter-spacing: 0em;
|
text-align: left;
|
color: white;
|
}
|
.label4 {
|
font-family: Font3;
|
font-size: 16px;
|
font-weight: 400;
|
line-height: 17px;
|
letter-spacing: 0px;
|
text-align: left;
|
color: white;
|
}
|
.label5 {
|
font-family: Font2;
|
font-size: 22px;
|
font-weight: 400;
|
line-height: 22px;
|
letter-spacing: 0px;
|
text-align: left;
|
color: #00ffcb;
|
}
|
.label6 {
|
font-family: Font1;
|
font-size: 10px;
|
font-weight: 400;
|
line-height: 12px;
|
letter-spacing: 0em;
|
text-align: left;
|
color: white;
|
}
|
.label71 {
|
font-family: Font3;
|
font-size: 11px;
|
font-weight: 400;
|
line-height: 12px;
|
|
text-align: left;
|
color: rgba(255, 255, 255, 0.8);
|
}
|
.label8 {
|
font-family: Font3;
|
font-style: normal;
|
font-weight: 400;
|
font-size: 17px;
|
line-height: 19px;
|
color: #00ffcb;
|
}
|
.label9 {
|
font-family: Font3;
|
font-style: normal;
|
font-weight: 400;
|
font-size: 16px;
|
line-height: 17px;
|
text-align: center;
|
|
color: rgba(255, 255, 255, 0.65);
|
}
|
.label11 {
|
font-family: Font3;
|
font-style: normal;
|
font-weight: 400;
|
font-size: 16px;
|
line-height: 17px;
|
text-align: center;
|
|
color: #ffffff;
|
}
|
</style>
|
<script>
|
function getQueryString(name) {
|
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
|
var r = window.location.search.substr(1).match(reg)
|
if (r != null) {
|
return decodeURI(r[2])
|
}
|
|
return ''
|
}
|
|
window.onload = function () {
|
var arr = ['name', 'mode', 'unit', 'output', 'usage', 'rate', 'num']
|
for (var i = 0, c = arr.length; i < c; i++) {
|
document.getElementById(arr[i]).innerHTML = getQueryString(arr[i])
|
}
|
}
|
</script>
|
</head>
|
|
<body>
|
<div class="box">
|
<div class="BoxContent">
|
<table style="width: 100%; height: 100%">
|
<tr>
|
<td><label id="name" class="label1">北工大软件园•荣京道</label></td>
|
<td>
|
<label id="output" class="label2">32</label
|
><label class="label3">亿元</label>
|
</td>
|
</tr>
|
<tr>
|
<td class="label4">入住企业数量</td>
|
<td class="label4">楼宇空置率</td>
|
</tr>
|
<tr>
|
<td>
|
<label id="rate" class="label5">32</label>
|
<label class="label6">家</label>
|
</td>
|
<td>
|
<label id="num" class="label5">54</label>
|
<label class="label6">%</label>
|
</td>
|
</tr>
|
<tr>
|
<td class="label4">用地性质</td>
|
<td class="label4">经营方式</td>
|
</tr>
|
<tr>
|
<td>
|
<label id="usage" class="label71">商业金融业用地/信托投资</label>
|
</td>
|
<td id="mode" class="label8">出租</td>
|
</tr>
|
<tr>
|
<td>
|
<label class="label9">开发单位:</label
|
><label id="unit" class="label11">北京经开张湾置业有限公司</label>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</body>
|
</html>
|
