mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
add component
This commit is contained in:
@@ -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="请输入关键字" ng-click="goToSearch()"/>
|
||||
</div>
|
||||
<div>
|
||||
<input type="button" id="search_btn" value="搜索"/>
|
||||
</div>
|
||||
</header>
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user