"babel": {
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
]
],
"presets": [
"react-app"
]
}
- npm i qrcode.react:生成二维码,并且可以点击下载二维码图片
const QRCode = require('qrcode.react');
export default class ProductANDClickDownload extends React.Component{
constructor(props){
this.state={
Content:'www.baidu.com'
}
}
ClickDownLoad=()=>{
var Qr=document.getElementById('qrid');
let image = new Image();
image.src = Qr.toDataURL("image/png");
var a_link=document.getElementById('aId');
a_link.href=image.src;
a_link.download=id;
}
render(){
<a download id='aId' title="点我下载!">
<QRCode id='qrid' value={this.state.Content} onClick={this.ClickDownLoad} size={240} />
</a>
}
}
import Swiper from 'swiper/dist/js/swiper.js'
import 'swiper/dist/css/swiper.min.css'
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">slider1</div>
<div class="swiper-slide">slider2</div>
<div class="swiper-slide">slider3</div>
</div>
</div>
.swiper-container {
width: 100%;
height: 260px;
.swiper-wrapper {
width: 100%;
height: 260px;
.swiper-slide {
width: 100%;
height: 260px;
img {
width: 100%;
height: 100%;
}
}
}
}