<!DOCTYPE html>
<html lang="en">
<html manifest="test.manifest">
<head>
<meta charset="UTF-8">
<title>豆瓣图书</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="search"> 搜索：
<input id="text" type="text" placeholder="搜索" >
<div id="word"></div>
</div>
<div id="book">
<p >共有{{books.total}}本</p>
<ul >
<li v-for="(i,index) in books.books" style="width: 530px; height: 190px;">
<h3 class="title">{{i.title}}</h3>
<img :src="i.image" v-on:click="add(index)" class="img">
<div style="float:left">
作者：<span>{{i.author[0]}}</span><br>
出版社：<span>{{i.publisher}}</span><br>
出版时间：<span>{{i.pubdate}}</span><br>
页数：<span>{{i.pages}}</span><br>
定价：<span>{{i.price}}</span><br>
<a :href="i.alt"> <span>详情</span></a>
</div>
</li><
</ul>
<div class="wrap" v-for="(i,index) in books.books">
<div class="bookpage">
<p>{{i.title}}</p>
<span>{{i.author[0]}}</span>/
<span>{{i.pubdate}}</span>/
<span>{{i.publisher}}</span><br>
简介：<p class="summary">{{i.summary}}</p>
</div>
<div class="close" v-on:click="close(index)"></div>
</div>
</div>
</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
<script src="js/my.js"></script>
</html>
vue版豆瓣图书api搜索
需积分: 50 115 浏览量
2017-11-12
15:42:59
上传
评论 1
收藏 106KB ZIP 举报
豆瓣图书.zip （8个子文件） 
豆瓣图书 images 
close.png 280B js 
vue.js 258KB my.js 4KB vue-resource.js 15KB jquery-3.2.1.min.js 85KB
DouBanBooks.html 2KB test.manifest 33B style.css 2KB资源评论
