RealtyMsg/Realty.html at master · Jer-X/RealtyMsg · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="基于vuejs搭建的房产信息网站">
    <meta name="author" content="Jer">
    <meta name="Keywords" content="房产信息,vuejs,mdl">
	<link rel="stylesheet" href="./mdl/material.min.css">
	<script src="./mdl/material.min.js"></script>
	<link rel="stylesheet" href="./icon.css">
	<script type="text/javascript" src="./js/vue.js"></script>
	<script type="text/javascript" src="./js/vue-resource.js"></script>
	<link rel="stylesheet" type="text/css" href="./Realty.css">
</head>
<body>
	<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-tabs">
		<header class="mdl-layout__header">
			<div class="mdl-layout__header-row">
				<!-- Title -->
				<span class="mdl-layout-title">Title</span>
				<div class="mdl-layout-spacer"></div>
				<!-- Search -->
				<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
				mdl-textfield--floating-label mdl-textfield--align-right">
					<label class="mdl-button mdl-js-button mdl-button--icon"
					for="waterfall-exp">
						<i class="material-icons">search</i>
					</label>
					<div class="mdl-textfield__expandable-holder">
						<input class="mdl-textfield__input" type="text" name="sample"
						id="waterfall-exp" placeholder="Want to search what?">
					</div>
					<button id="menu1" class="mdl-button mdl-js-button mdl-button--icon">
					  <i class="material-icons">add</i>
					</button>
					<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="menu1">
						<li class="mdl-menu__item">Login in</li>
						<li id="show-dialog" class="mdl-menu__item">Sign up</li>
					</ul>
				</div>
				<!-- button -->
			</div>
			<!-- Tabs -->
			<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
				<a href="#fixed-tab-1" class="mdl-layout__tab is-active">Tab 1</a>
				<a href="#fixed-tab-2" class="mdl-layout__tab">Tab 2</a>
				<a href="#fixed-tab-3" class="mdl-layout__tab">Tab 3</a>
				<a href="#fixed-tab-4" class="mdl-layout__tab">Tab 4</a>
			</div>
		</header>
		<div class="mdl-layout__drawer">
			<span class="mdl-layout-title">Title</span>
			<nav class="mdl-navigation">
				<a class="mdl-navigation__link" href="#fixed-tab-1">Link</a>
				<a class="mdl-navigation__link" href="#fixed-tab-2">Link</a>
				<a class="mdl-navigation__link" href="#fixed-tab-3">Link</a>
				<a class="mdl-navigation__link" href="#fixed-tab-4">Link</a>
			</nav>
		</div>
		<main class="mdl-layout__content">
			<section class="mdl-layout__tab-panel is-active" id="fixed-tab-1">
				<div class="page-content mdl-grid">
					<x-search></x-search>
				</div>
			</section>
			<section class="mdl-layout__tab-panel" id="fixed-tab-2">
				<div class="page-content mdl-grid">
					<x-list></x-list>
				</div>
			</section>
			<section class="mdl-layout__tab-panel" id="fixed-tab-3">
				<div class="page-content mdl-grid">
					<!-- Tabs -->
					<x-card></x-card>
					<!-- Tabs End -->
				</div>
			</section>
			<section class="mdl-layout__tab-panel" id="fixed-tab-4">
				<div class="page-content mdl-grid">
					<x-login></x-login>
				</div>
			</section>
		</main>
	</div>
	<script type="text/javascript" src="./js/search.js"></script>
	<script type="text/javascript" src="./js/login.js"></script>
	<script type="text/javascript" src="./js/list.js"></script>
	<script type="text/javascript" src="./js/card.js"></script>
</body>
</html>