-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (130 loc) · 4.46 KB
/
index.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
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="utf-8" />
<title>综合练习_首页</title>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/jquery-3.2.0.min.js"></script>
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/angular-resource.js"></script>
<script src="js/angular-animate.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="app/animate.js"></script>
<script src="app/directive.js"></script>
<script src="app/controller.js"></script>
<script src="app/route.js"></script>
<script src="app/app.js"></script>
</head>
<body ng-controller="mainctrl">
<div>
<div class="navbar-fixed-top ys2">
<div class="row">
<div class="toper col-md-2 column bg cen" ng-hide="showBanner">
<img src="images/logo.png"><span>我的APP</span3></span>
</div>
<div class="toper col-md-10 column bg2">
<div class="pull-left ys5">
<a href="#" show-banner></a>
<a href="#"><span class="glyphicon glyphicon-user"></span></a>
</div>
<div class="pull-left toper_m">
<a href="#"><b>我的文章</b></a>
<a href="#"><b>最新动态</b></a>
</div>
<div class="pull-right toper_m">
<a href="#"><span class="glyphicon glyphicon-bell"></span></a>
<a href="#">{{userArr[0].userName}}</a>
<a href="#"><img src="{{userArr[0].userImg}}" class="img-circle tou"></a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid down">
<div class="row">
<!--左栏-->
<div class="col-md-2 column bg ys2" ng-hide="showBanner">
<!--头像-->
<div class="cen">
<img src="{{userArr[0].userImg}}" class="img-circle">
<h5>{{userArr[0].userName}}</h5><h6>{{userArr[0].tag}}</h6>
</div>
<!--导航栏-->
<ul class="nav">
<li class="ys1" ng-repeat="x in navArr | limitTo:3"><a href="{{x.href}}"><span class="{{x.navClass}}"></span> {{x.nav}}</a></li>
<li class="ys1" ng-repeat="x in navArr | limitTo:-1"><a ng-click="showNavFun()" href="{{x.href}}"><span class="{{x.navClass}}"></span> {{x.nav}}</a>
<ul class="nav" ng-repeat="y in caozuoArr" ng-hide="showNav">
<li><a href="{{y.href}}">{{y.nav}}</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-md-10 column ys4">
<div class="row">
<!--中栏-->
<div class="col-md-10 column ys3 h" style="padding:0px;margin:0px;">
<!--中栏顶部-->
<div class="m_toper">
<div class="m1">
<div class="row">
<div class="col-sm-7">
<a href="" class="pull-left">
<img src="{{userArr[0].userImg}}" class="img-circle">
</a>
<div class="m2">
<div>{{userArr[0].userName}} <small> {{userArr[0].userAddress}}</small></div>
<input type="button" class="btn btn-sm btn-success btn-rounded" value="支持她！" ng-click="addFans()" id="addFans">
</div>
</div>
<div class="col-sm-5">
<div class="pull-right text-center zan">
<a href="">
<span class="h3">2k </span>
<small> 点赞 </small>
</a> ,
<a href="">
<span class="h3">{{fansNum}}</span>
<small> 粉丝</small>
</a>
</div>
</div>
</div>
</div>
</div>
<!--中栏底部-->
<div class="m_nav">
<ul>
<li><a href="#/" class="btn btn-success btn-group-sm">最新动态</a></li>
<li><a href="#/jianjie" class="btn btn-success btn-group-sm">双向数据绑定</a></li>
<li><a href="#/xinxi" class="btn btn-success btn-group-sm">图片更新（头像）</a></li>
</ul>
</div>
<!--bottom-->
<div class="m_bottom" ng-view>
</div>
<div class="clear wrapper b-t bg-light ">
<span class="pull-right">版本v1.0.0 <a href="#app" class="m-l-sm text-muted"><i class="fa fa-long-arrow-up"></i></a></span>
Copyright © 2017 .版权所有：所谓伊人
</div>
</div>
<!--右栏-->
<div class="col-md-2 column h text-center" style="padding:0px;margin:0px;">
<h4>我的粉丝</h4>
<!--粉丝-->
<ul ng-repeat="arr in fansArr | orderBy:'-fansImg'">
<li><a herf=""><img src="{{arr.fansImg}}" class="img-circle"></a>
<div>
<div><a href="">{{arr.fansName}}</a></div>
{{arr.fansTag}}</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>