样式调整

src/components/VideoBox.vue

@@ -278,6 +278,7 @@ const handleSendDanmu=async ()=>{
             width: 30px;
             height: 30px;
             border-radius: 50%;
+            margin: 0 auto;
             &:hover{
                 background: rgba(0, 0, 0, 0.3);
             }
@@ -317,6 +318,8 @@ const handleSendDanmu=async ()=>{
             text-align: center;
             line-height: 20px;
             margin-bottom: 5px;
+            margin-left: auto;
+            margin-right: auto;
         }
     }
 
@@ -326,6 +329,7 @@ const handleSendDanmu=async ()=>{
         display: block;
         object-fit: contain;
         box-sizing: border-box;
+        background-color: rgba(0, 0, 0, 1);
         &::-webkit-media-controls-fullscreen-button {
             display: none;
         }
@@ -392,6 +396,7 @@ const handleSendDanmu=async ()=>{
                 height: 100%;
                 outline: none;
                 color: #fff;
+                line-height: 1;
                 &::placeholder{
                     color: #fff;
                 }
@@ -483,6 +488,7 @@ const handleSendDanmu=async ()=>{
                 background: transparent;
                 height: 100%;
                 outline: none;
+                line-height: 1;
             }
             .btn{
                 display: inline-block;