下载功能----小功能实现

一开始给图,是一个点击下载二维码的功能，图我是随便替换的。

下载demo

<style>
.downloadqr {
  width: 144px;
  height: 180px;
  text-align: center;
  border: 1px solid #D9DDE4;
  font-size:0;
}
.downloadqr img {
  width: 100px;
  height: 100px;
  border: 0;
  margin-top: 16px;
}
.downloadqr span {
  display: block;
  font-size: 14px;
  color: #AAB8D4;
  margin: 5px 0;
}
.downloadqr a {
  display: block;
  width: 100%;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  color: #4A5FE2;
  background: #CFDEFC;
  cursor: pointer;
  text-decoration: none;
}
</style>
<div class="downloadqr">
<img src="http://img5.imgtn.bdimg.com/it/u=716093831,967230978&fm=11&gp=0.jpg" alt="" />
<span>扫码手机观看</span>
<a href="http://img5.imgtn.bdimg.com/it/u=716093831,967230978&fm=11&gp=0.jpg" download="下载的名字">下载二维码</a>
</div>

　　

主要就是用的a标签的href 和 download

href是下载的东西地址，download是写下载存储的名字,没有后缀,就是你写一个名字就可以