mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
add
This commit is contained in:
+20
-19
@@ -3,29 +3,30 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
|
||||
<title>测试Angular</title>
|
||||
<title>测试框架</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<ng-include id="header_div" src="'./view/header_search.html'"></ng-include>
|
||||
<div ng-view></div>
|
||||
<!--<div id="footer_div" ng-include="'./view/footer_search.html'"></div>-->
|
||||
<footer ng-controller="MenuController">
|
||||
<a ng-click="bookSearch()">图书</a>
|
||||
<a ng-click="musicSearch()">音乐</a>
|
||||
<a ng-click="movieSearch()">电影</a>
|
||||
</footer>
|
||||
<div id="loading" ng-show="isNoLoaded">
|
||||
<img src="../imgs/loading.gif" />
|
||||
</div>
|
||||
|
||||
<div ui-view="header"></div>
|
||||
<div ui-view="container"></div>
|
||||
<div ui-view="footer"></div>
|
||||
<div loading></div>
|
||||
|
||||
<script type="text/javascript" src="../js/angular.js"></script>
|
||||
<script type="text/javascript" src="../js/angular-route.js" ></script>
|
||||
<script type="text/javascript" src="../js/angular-ui-router.js"></script>
|
||||
<script type="text/javascript" src="../lib/main.js"></script>
|
||||
<script type="text/javascript" src="../lib/bookService.js"></script>
|
||||
<script type="text/javascript" src="../lib/BookController.js"></script>
|
||||
<script type="text/javascript" src="../lib/searchController.js"></script>
|
||||
<script type="text/javascript" src="../lib/menuController.js"></script>
|
||||
|
||||
<!--service-->
|
||||
<script type="text/javascript" src="../lib/service/bookList.js"></script>
|
||||
<script type="text/javascript" src="../lib/service/musicList.js"></script>
|
||||
<script type="text/javascript" src="../lib/service/movieList.js"></script>
|
||||
<!--directive-->
|
||||
<script type="text/javascript" src="../lib/directive/loading.js"></script>
|
||||
<!--header-->
|
||||
<script type="text/javascript" src="../lib/list/searchController.js"></script>
|
||||
<script type="text/javascript" src="../lib/list/menuController.js"></script>
|
||||
<!--list-->
|
||||
<script type="text/javascript" src="../lib/list/bookController.js"></script>
|
||||
<script type="text/javascript" src="../lib/list/musicController.js"></script>
|
||||
<script type="text/javascript" src="../lib/list/movieController.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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>
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<footer ng-controller="MenuController">
|
||||
<a ng-click="bookSearch()">图书</a>
|
||||
<a ng-click="musicSearch()">音乐</a>
|
||||
<a ng-click="movieSearch()">电影</a>
|
||||
</footer>
|
||||
@@ -0,0 +1,9 @@
|
||||
|
||||
<header ng-controller="SearchController">
|
||||
<div>
|
||||
<input id="search_input" ng-model="keywords" type="text" placeholder="请输入关键字"/>
|
||||
</div>
|
||||
<div>
|
||||
<input type="button" id="search_btn" ng-click="search()" value="搜索"/>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,5 @@
|
||||
<section ng-controller="movieListController">
|
||||
|
||||
<div style="height:45px;"></div>
|
||||
</section>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
<header>
|
||||
<div class="douban_music">豆瓣MUSIC</div>
|
||||
</header>
|
||||
Reference in New Issue
Block a user