更新

src/iconfonts/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "icon",
   "description": "直播后台",
   "glyphs": [
+    {
+      "icon_id": "1810267",
+      "name": "关闭",
+      "font_class": "icon-test1",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
     {
       "icon_id": "9696382",
       "name": "信用信息管理、信息管理类",

src/views/liveIndex.vue

@@ -15,7 +15,14 @@
         </el-col>
         <el-col :span="24" class="down">
           <el-col :span="18" class="left">
-            左侧
+            <el-col :span="24" class="video">
+              视频
+            </el-col>
+            <el-col :span="1" class="videoBtn">
+              <p><i class="iconfont iconshexiangtou"></i></p>
+              <p><i class="iconfont iconmaikefeng-tianchong"></i></p>
+              <p><i class="iconfont iconicon-test1"></i></p>
+            </el-col>
           </el-col>
           <el-col :span="5" class="right">
             <el-col :span="24" class="title">
@@ -143,6 +150,22 @@ export default {
       height: 100vh;
       margin: 0 15px 0 0;
       background-color: #2c2e32;
+      position: relative;
+      .videoBtn {
+        position: absolute;
+        top: 30%;
+        right: 10px;
+        background: #222124;
+        text-align: center;
+        min-height: 100px;
+        p {
+          margin: 15px 0;
+          .iconfont {
+            font-size: 30px;
+            color: #ccc;
+          }
+        }
+      }
     }
     .right {
       height: 100vh;