源视频 :华峰前端工程师
<!--
* @Desc: 原生JS 实现文件/图片 拖拽效果 (移动端目前不适用)
* @Author: Yomuki
* @Date: 2021-02-23 12:24:27
* @LastEditors: Yomuki
* @LastEditTime: 2021-02-23 21:53:19
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
main {
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #eee;
}
.