add component

This commit is contained in:
wlh
2015-01-06 23:50:34 +08:00
parent c1c3402efa
commit b690d5bdbf
405 changed files with 332 additions and 27950 deletions
+9
View File
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
+49
View File
@@ -0,0 +1,49 @@
<section ng-controller="BookDetailController">
<div>
<div id="book_detail_info">
<div class="fl book_detail_pic">
<img class="book_detail_pic" ng-src="{{data.image}}"/>
</div>
<div class="fl">
<div>
<span class="book_detail_title">书名:</span><span class="overflow book_detail_t_w">{{data.title}}</span>
</div>
<div>
<span class="book_detail_title">作者:</span><span class="overflow book_detail_t_w">{{data.author[0]}}</span>
</div>
<div>
<span class="book_detail_title">出版社:</span><span class="overflow book_detail_t_w">{{data.publisher}}</span>
</div>
<div>
<span class="book_detail_title">价格:</span><span class="overflow book_detail_t_w">{{data.price}}</span>
</div>
<div>
<span class="book_detail_title">页码:</span><span class="overflow book_detail_t_w">{{data.pages}}页</span>
</div>
</div>
</div>
<div>
<div class="book_detail_sum">
<div>
书籍简介
</div>
<span>
{{data.summary}}
</span>
</div>
<div class="book_detail_sum">
<div>作者简介</div>
<span>
{{data.author_intro}}
</span>
</div>
</div>
</div>
<div style="height:45px;"></div>
</section>
+9
View File
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
+32
View File
@@ -0,0 +1,32 @@
<section ng-controller="BookListController">
<div>
<div class="list_item" ng-repeat="data in bookList">
<a class="list_bookname_a" href="#/book/{{data.id}}">
<div class="list_img overflow fl">
<img class="list_img" ng-src="{{data.image}}"/>
</div>
<div class="list_content overflow fl">
<div class="list_bookname overflow">
{{data.origin_title}}
</div>
<div class="list_author overflow">
{{data.author}} {{data.publisher}}
</div>
<div class="list_bookprice">
<span class="list_price_num">
{{data.price}}
</span>
<span></span>
</div>
</div>
<div class="list_other overflow fr">
<span>
{{data.pages}}页
</span>
</div>
</a>
</div>
</div>
<div style="height:45px;"></div>
</section>
+5
View File
@@ -0,0 +1,5 @@
<footer ng-controller="MenuController">
<a ng-click="bookSearch()">图书</a>
<a ng-click="musicSearch()">音乐</a>
<a ng-click="movieSearch()">电影</a>
</footer>
+9
View File
@@ -0,0 +1,9 @@
<header ng-controller="SearchController">
<div>
<input id="search_input" ng-model="keywords" type="text" placeholder="请输入关键字" ng-click="goToSearch()"/>
</div>
<div>
<input type="button" id="search_btn" value="搜索"/>
</div>
</header>
+40
View File
@@ -0,0 +1,40 @@
<section ng-controller="movieListController">
<div class="movie_list_item" ng-repeat="data in movieList">
<div class="fl">
<img class="movie_list_wh" ng-src="{{data.casts[0].avatars.medium || '../imgs/movie.png'}}"/>
</div>
<div class="fl movie_title_div">
<div>
<span class="movie_list_title">名称</span>
<span>{{data.title}}</span>
</div>
<div>
<span class="movie_list_title">演员</span>
<span class=" movie_cast_name">{{data.casts[0].name}} {{data.casts[1].name | limitTo:6}}</span>
</div>
<div>
<span class="movie_list_title">评分</span>
<span class="movie_score">{{data.rating.average}}</span>
</div>
<div>
<span class="movie_list_title">年份</span>
<span>{{data.year}}年</span>
</div>
<div>
<span class="movie_list_title">标签</span>
<span>{{data.genres[0]}} {{data.genres[1]}}</span>
</div>
<div class="movie_qudouban">
<a href="{{data.alt}}">去豆瓣</a>
</div>
</div>
</div>
<div style="height:45px;"></div>
</section>
+36
View File
@@ -0,0 +1,36 @@
<section ng-controller="musicListController">
<div class="music_list_item" ng-repeat="data in musicList">
<div class="music_list_circle mlra music_list_mt8">
<img class="music_list_circle music_list_circle_img" ng-src="{{data.image}}"/>
</div>
<div>
<div class="fl music_list_part">
<span class="music_list_title music_list_left_part">曲目</span>
<span class="overflow music_list_tw white_space">{{data.title}}</span>
</div>
<div class="fr music_list_part">
<span class="music_list_title">演唱</span>
<span class="overflow music_list_tw white_space">{{data.author[0].name}}</span>
</div>
</div>
<div class="music_list_text_h">
<div class="fl music_list_part">
<span class="music_list_title music_list_left_part">时间</span>
<span class="overflow music_list_tw">{{data.attrs.pubdate[0]}}年</span>
</div>
<div class="fr music_list_part">
<span class="music_list_title">评分</span>
<span class="overflow music_list_tw white_space">{{data.rating.average}}</span>
</div>
</div>
<div class="music_list_qudou mlra"><a href="{{data.mobile_link}}">去豆瓣</a></div>
</div>
<div style="height:45px;"></div>
</section>
+3
View File
@@ -0,0 +1,3 @@
<header>
<div class="douban_music">豆瓣MUSIC</div>
</header>
+8
View File
@@ -0,0 +1,8 @@
<header ng-controller="Search">
<div>
<input id="search_input" ng-model="keywords" type="text" placeholder="请输入关键字" autofocus="true"/>
</div>
<div>
<input type="button" id="search_btn" ng-click="search()" value="搜索"/>
</div>
</header>