-
Notifications
You must be signed in to change notification settings - Fork 0
/
javascript_learning.html
132 lines (130 loc) · 4.05 KB
/
javascript_learning.html
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/Test.css">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
<script src="lib/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>在线订餐系统</h2>
</div>
</div>
<ul class="nav nav-tabs">
<li><a href="#menu1" data-toggle="tab">菜单</a></li>
<li><a href="#menu2" data-toggle="tab">订单</a></li>
<li><a href="#menu3" data-toggle="tab">我的</a></li>
</ul>
<div class="tab-content">
<div id="menu1" class="tab-pane fade in active">
<div class="row">
<div class="col-md-2">
<ul class="nav nav-stacked">
<li><a href="#menu" data-toggle="tab">为你推荐</a></li>
<li><a href="#menu9" data-toggle="tab">商品搜索</a></li>
</ul>
</div>
<div class="col-md-10">
<div class="tab-content">
<div id='menu' class="tab-pane fade in active">1</div>
<div id='menu9' class="tab-pane fade">
<form action='#' class="form-horizontal">
<div class="form-group">
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" id='search' placeholder="请输入你要搜索的内容">
</div>
</div>
<div class="row">
<div class="col-md-3 searchType">
<label class="radio-inline">
<input name='searchType' type="radio" value='storename' checked>按商家
</label>
<label class="radio-inline">
<input name='searchType' type="radio" value='dishname'>按菜名
</label>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button class="btn btn-default">搜索</button>
<button class="btn btn-default">重置</button>
</div>
</div>
<div class="row">
<p class="text-center text-muted">----已有0条搜索记录----</p>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div id="menu2" class="tab-pane fade">
<div class="row">
<div class="col-md-2">
<ul class="nav nav-stacked">
<li><a href="#menu7" data-toggle="tab">正在配送</a></li>
<li><a href="#menu8" data-toggle="tab">以往订单</a></li>
</ul>
</div>
<div class="col-md-10">
<div class="tab-content">
<div id='menu7' class="tab-pane fade in active">1</div>
<div id='menu8' class="tab-pane fade">2</div>
</div>
</div>
</div>
</div>
<div id="menu3" class="tab-pane fade">
<div class="row">
<div class="col-md-2">
<ul class="nav nav-stacked" id='info'>
<li><a href="#menu4" data-toggle="tab">个人信息</a></li>
<li><a href="#menu5" data-toggle="tab">送达地址</a></li>
<li><a href="#menu6" data-toggle="tab">关于系统</a></li>
</ul>
</div>
<div class="col-md-10">
<div class="tab-content">
<div id="menu4" class="tab-pane fade in active">
<div class="row">
<div class="col-md-4">
<div class="row">
<p class="text-left">姓名：***</p>
<p class="text-left">电话：88888888</p>
<p class="text-left">地址：********</p>
</div>
</div>
</div>
</div>
<div id="menu5" class="tab-pane fade">
<div class="panel panel-primary">
<div class="panel-heading">
<h3>首选地址231</h3>
</div>
<div class="panel-body">
<small>
广东省广州市****
</small>
</div>
</div>
</div>
<div id="menu6" class="tab-pane fade">
<em>develop by 3115005574</em>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>