直播链接弹窗样式修改

src/views/yqrange/live-manage.vue

@@ -105,7 +105,7 @@
       <el-dialog
         title="直播链接"
         :visible.sync="dialogLivelinkVisible"
-        width="500px"
+        width="600px"
         :close-on-click-modal="false"
         @close="handleLivelinkClose"
         center
@@ -114,23 +114,25 @@
 
         <div class="live_url_style" v-if="this.liveStatus==1 || this.liveStatus==2">
           <div class="href_style">讲师链接 {{lecturerUrl}}</div>
-          <el-col>
+          <el-col class="href_outer_border">
             <el-link type="primary" @click="copyTxt(1)" size="small" class="href_button_style">复制</el-link>
+            <el-link type="primary">|</el-link>
             <el-link type="primary" @click="jumpUrl(1)" size="small">进入直播</el-link>
           </el-col>
         </div>
 
         <div class="live_url_style" v-if="this.liveStatus==1 || this.liveStatus==2">
           <el-col class="href_style">嘉宾链接 {{guestUrl}}</el-col>
-          <el-col>
+          <el-col class="href_outer_border">
             <el-link type="primary" @click="copyTxt(2)" size="small" class="href_button_style">复制</el-link>
+            <el-link type="primary">|</el-link>
             <el-link type="primary" @click="jumpUrl(2)" size="small">进入直播</el-link>
           </el-col>
         </div>
 
         <div class="live_url_style" v-if="this.liveScope==2">
           <div class="href_style">观众链接 {{audienceUrl}}</div>
-          <el-col>
+          <el-col class="href_outer_border">
             <el-link type="primary" @click="copyTxt(3)" size="small" class="href_button_style">复制</el-link>
           </el-col>
         </div>
@@ -454,11 +456,13 @@ export default {
   display: flex;
   padding: 10px;
 }
+.href_outer_border {
+  margin-top: 10px;
+}
 .href_style {
-  width: 1000px;
+  width: 1500px;
   background-color: #d8d8d8;
-  margin-left: -15px;
-
+  padding:10px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;