一些项目中常用到的登录背景一揽表-手册

自己平时工作中收集的一背景图片链接

背景图链接

名称	缩略图	链接
雪山/天空		https://tva1.sinaimg.cn/large/008i3skNgy1gtqhr6xrvkj61400p077802.jpg
支付宝/星辰		https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg
大鱼		https://tva1.sinaimg.cn/large/e6c9d24egy1h0t83gjxpmj21hd0u0wl7.jpg
卡通狗狗/gif		https://lofter.lf127.net/1611802734076/tata.gif
食梦貘		https://tva1.sinaimg.cn/large/e6c9d24egy1h0t850bf2rj21ed0u0aok.jpg
天空/大巴车		https://tva1.sinaimg.cn/large/e6c9d24egy1h0t8680321j21hw0u0aej.jpg
太空人		https://tva1.sinaimg.cn/large/e6c9d24egy1h0t87lm6afj21lk0u0aft.jpg
惜张		https://tva1.sinaimg.cn/large/e6c9d24egy1h0tfcw3y3sj21g60u0alm.jpg
欢乐颂		https://tva1.sinaimg.cn/large/e6c9d24egy1h0tfhub2ywj21750u0am7.jpg

视频背景

<div style="width: 100%; height: 100%;">
	<video autoplay="autoplay" preload="auto" muted="muted" style="width: 100%;height: 100%;object-fit: cover;object-position: center center;" playsinline="true" webkit-playsinline="true" src="https://lofter.lf127.net/1611802866186/JWmeidangyeshenrenjingtayufangjiankuishixingchen.mp4" loop=""></video></div>

名称	截图	地址
人在海中间		https://lofter.lf127.net/1611821341381/jwhaideyanjing~1.mp4
海在窗前		https://lofter.lf127.net/1611802866186/JWmeidangyeshenrenjingtayufangjiankuishixingchen.mp4

对应2个react组件

npm i @jswork/react-full-image
npm i @jswork/react-full-video

参考

• https://www.lofter.com/front/register
• https://github.com/afeiship/react-full-image
• https://github.com/afeiship/react-full-video