安装基于react的一个超级简易的移动端图片查看器。
npm i react-wb-imageviewer
使用举例
<div id="app"></div>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script src="https://unpkg.com/react@latest/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js"></script>
<script src="./index.umd.js"></script>
<script type="text/babel">
function App() {
let [open, setOpen] = React.useState(false)
return (
<div>
<button onClick={() => {
setOpen(true)
}}>打开图片
</button>
<WbImageViewer visibility={open}
src={'https://t7.baidu.com/it/u=2291349828,4144427007&fm=193&f=GIF'}
onClose={() => {
setOpen(false)
}} />
</div>
)
}
ReactDOM.createRoot(
document.querySelector('#app')
).render(<App />)
</script>
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
